HEX #224DC4 color — Cerulean Blue
The color #224DC4 is a dark shade and highly saturated.
Palette
224DC4 color palette from light to dark
HEX |
RGB |
HSL |
#e9eefb |
rgb(233,238,251) |
hsl(224,70%,95%) |
#d4ddf7 |
rgb(212,221,247) |
hsl(224,70%,90%) |
#beccf4 |
rgb(190,204,244) |
hsl(224,70%,85%) |
#a8bbf0 |
rgb(168,187,240) |
hsl(224,70%,80%) |
#93aaec |
rgb(147,170,236) |
hsl(224,70%,75%) |
#7d9ae8 |
rgb(125,154,232) |
hsl(224,70%,70%) |
#6789e4 |
rgb(103,137,228) |
hsl(224,70%,65%) |
#5278e0 |
rgb(82,120,224) |
hsl(224,70%,60%) |
#3c67dd |
rgb(60,103,221) |
hsl(224,70%,55%) |
#2656d9 |
rgb(38,86,217) |
hsl(224,70%,50%) |
#224dc3 |
rgb(34,77,195) |
hsl(224,70%,45%) |
#1f45ad |
rgb(31,69,173) |
hsl(224,70%,40%) |
#1b3c98 |
rgb(27,60,152) |
hsl(224,70%,35%) |
#173482 |
rgb(23,52,130) |
hsl(224,70%,30%) |
#132b6c |
rgb(19,43,108) |
hsl(224,70%,25%) |
#0f2257 |
rgb(15,34,87) |
hsl(224,70%,20%) |
#0b1a41 |
rgb(11,26,65) |
hsl(224,70%,15%) |
#08112b |
rgb(8,17,43) |
hsl(224,70%,10%) |
#040916 |
rgb(4,9,22) |
hsl(224,70%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22BAC4 |
rgb(34,186,196) |
hsl(184,70%,45%) |
#224DC4 |
rgb(34,77,196) |
hsl(224,70%,45%) |
#6321C4 |
rgb(99,33,196) |
hsl(264,71%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F75E0 |
rgb(79,117,224) |
hsl(224,70%,59%) |
#2F5EDB |
rgb(47,94,219) |
hsl(224,70%,52%) |
#224DC4 |
rgb(34,77,196) |
hsl(224,70%,45%) |
#1C40A4 |
rgb(28,64,164) |
hsl(224,71%,38%) |
#173685 |
rgb(23,54,133) |
hsl(223,71%,31%) |
#112965 |
rgb(17,41,101) |
hsl(223,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#224DC4 |
rgb(34,77,196) |
hsl(224,70%,45%) |
#C44722 |
rgb(196,71,34) |
hsl(14,70%,45%) |
#9EC422 |
rgb(158,196,34) |
hsl(74,70%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224DC4 |
rgb(34,77,196) |
hsl(224,70%,45%) |
#C49922 |
rgb(196,153,34) |
hsl(44,70%,45%) |
#229EC4 |
rgb(34,158,196) |
hsl(194,70%,45%) |
#9EC422 |
rgb(158,196,34) |
hsl(74,70%,45%) |