HEX #224EB4 color — Cerulean Blue
The color #224eb4 is a dark shade and highly saturated.
Palette
224eb4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(222,68%,97%) |
#dde5f8 |
rgb(221,229,248) |
hsl(222,68%,92%) |
#c7d5f4 |
rgb(199,213,244) |
hsl(222,68%,87%) |
#b2c5f0 |
rgb(178,197,240) |
hsl(222,68%,82%) |
#9cb4ec |
rgb(156,180,236) |
hsl(222,68%,77%) |
#87a4e8 |
rgb(135,164,232) |
hsl(222,68%,72%) |
#7294e4 |
rgb(114,148,228) |
hsl(222,68%,67%) |
#5c84e0 |
rgb(92,132,224) |
hsl(222,68%,62%) |
#4774dc |
rgb(71,116,220) |
hsl(222,68%,57%) |
#3163d8 |
rgb(49,99,216) |
hsl(222,68%,52%) |
#2657c9 |
rgb(38,87,201) |
hsl(222,68%,47%) |
#224eb4 |
rgb(34,78,180) |
hsl(222,68%,42%) |
#1e459f |
rgb(30,69,159) |
hsl(222,68%,37%) |
#1a3b89 |
rgb(26,59,137) |
hsl(222,68%,32%) |
#163274 |
rgb(22,50,116) |
hsl(222,68%,27%) |
#12295e |
rgb(18,41,94) |
hsl(222,68%,22%) |
#0e2049 |
rgb(14,32,73) |
hsl(222,68%,17%) |
#0a1633 |
rgb(10,22,51) |
hsl(222,68%,12%) |
#060d1e |
rgb(6,13,30) |
hsl(222,68%,7%) |
#020409 |
rgb(2,4,9) |
hsl(222,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22B0B4 |
rgb(34,176,180) |
hsl(182,68%,42%) |
#224EB4 |
rgb(34,78,180) |
hsl(222,68%,42%) |
#5721B4 |
rgb(87,33,180) |
hsl(262,69%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3F6EDA |
rgb(63,110,218) |
hsl(222,68%,55%) |
#2759D0 |
rgb(39,89,208) |
hsl(222,68%,48%) |
#224EB4 |
rgb(34,78,180) |
hsl(222,68%,42%) |
#1C4297 |
rgb(28,66,151) |
hsl(221,69%,35%) |
#17367A |
rgb(23,54,122) |
hsl(221,68%,28%) |
#11295D |
rgb(17,41,93) |
hsl(221,69%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#224EB4 |
rgb(34,78,180) |
hsl(222,68%,42%) |
#B44022 |
rgb(180,64,34) |
hsl(12,68%,42%) |
#97B522 |
rgb(151,181,34) |
hsl(72,68%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224EB4 |
rgb(34,78,180) |
hsl(222,68%,42%) |
#B48722 |
rgb(180,135,34) |
hsl(42,68%,42%) |
#2296B4 |
rgb(34,150,180) |
hsl(192,68%,42%) |
#97B522 |
rgb(151,181,34) |
hsl(72,68%,42%) |