HEX #224CB4 color — Cerulean Blue
The color #224cb4 is a dark shade and highly saturated.
Palette
224cb4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(223,68%,97%) |
#dde5f8 |
rgb(221,229,248) |
hsl(223,68%,92%) |
#c7d4f4 |
rgb(199,212,244) |
hsl(223,68%,87%) |
#b2c4f0 |
rgb(178,196,240) |
hsl(223,68%,82%) |
#9cb3ec |
rgb(156,179,236) |
hsl(223,68%,77%) |
#87a3e8 |
rgb(135,163,232) |
hsl(223,68%,72%) |
#7292e4 |
rgb(114,146,228) |
hsl(223,68%,67%) |
#5c82e0 |
rgb(92,130,224) |
hsl(223,68%,62%) |
#4771dc |
rgb(71,113,220) |
hsl(223,68%,57%) |
#3161d8 |
rgb(49,97,216) |
hsl(223,68%,52%) |
#2655c9 |
rgb(38,85,201) |
hsl(223,68%,47%) |
#224cb4 |
rgb(34,76,180) |
hsl(223,68%,42%) |
#1e439f |
rgb(30,67,159) |
hsl(223,68%,37%) |
#1a3a89 |
rgb(26,58,137) |
hsl(223,68%,32%) |
#163174 |
rgb(22,49,116) |
hsl(223,68%,27%) |
#12285e |
rgb(18,40,94) |
hsl(223,68%,22%) |
#0e1f49 |
rgb(14,31,73) |
hsl(223,68%,17%) |
#0a1633 |
rgb(10,22,51) |
hsl(223,68%,12%) |
#060d1e |
rgb(6,13,30) |
hsl(223,68%,7%) |
#020409 |
rgb(2,4,9) |
hsl(223,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22ADB4 |
rgb(34,173,180) |
hsl(183,68%,42%) |
#224CB4 |
rgb(34,76,180) |
hsl(223,68%,42%) |
#5921B4 |
rgb(89,33,180) |
hsl(263,69%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3F6BDA |
rgb(63,107,218) |
hsl(223,68%,55%) |
#2759D0 |
rgb(39,89,208) |
hsl(222,68%,48%) |
#224CB4 |
rgb(34,76,180) |
hsl(223,68%,42%) |
#1C4097 |
rgb(28,64,151) |
hsl(222,69%,35%) |
#17337A |
rgb(23,51,122) |
hsl(223,68%,28%) |
#11265D |
rgb(17,38,93) |
hsl(223,69%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#224CB4 |
rgb(34,76,180) |
hsl(223,68%,42%) |
#B44022 |
rgb(180,64,34) |
hsl(12,68%,42%) |
#95B522 |
rgb(149,181,34) |
hsl(73,68%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224CB4 |
rgb(34,76,180) |
hsl(223,68%,42%) |
#B48A22 |
rgb(180,138,34) |
hsl(43,68%,42%) |
#2294B4 |
rgb(34,148,180) |
hsl(193,68%,42%) |
#95B522 |
rgb(149,181,34) |
hsl(73,68%,42%) |