HEX #224C58 color — Blue Dianne
The color #224c58 is a dark shade and moderately saturated.
Palette
224c58 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(193,44%,99%) |
#e9f4f6 |
rgb(233,244,246) |
hsl(193,44%,94%) |
#d7eaef |
rgb(215,234,239) |
hsl(193,44%,89%) |
#c4e0e8 |
rgb(196,224,232) |
hsl(193,44%,84%) |
#b2d7e1 |
rgb(178,215,225) |
hsl(193,44%,79%) |
#a0cdda |
rgb(160,205,218) |
hsl(193,44%,74%) |
#8dc4d3 |
rgb(141,196,211) |
hsl(193,44%,69%) |
#7bbacc |
rgb(123,186,204) |
hsl(193,44%,64%) |
#68b1c4 |
rgb(104,177,196) |
hsl(193,44%,59%) |
#56a7bd |
rgb(86,167,189) |
hsl(193,44%,54%) |
#469cb4 |
rgb(70,156,180) |
hsl(193,44%,49%) |
#3f8ca2 |
rgb(63,140,162) |
hsl(193,44%,44%) |
#387c8f |
rgb(56,124,143) |
hsl(193,44%,39%) |
#316c7d |
rgb(49,108,125) |
hsl(193,44%,34%) |
#295c6a |
rgb(41,92,106) |
hsl(193,44%,29%) |
#224c58 |
rgb(34,76,88) |
hsl(193,44%,24%) |
#1b3d46 |
rgb(27,61,70) |
hsl(193,44%,19%) |
#142d33 |
rgb(20,45,51) |
hsl(193,44%,14%) |
#0d1d21 |
rgb(13,29,33) |
hsl(193,44%,9%) |
#060d0f |
rgb(6,13,15) |
hsl(193,44%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#225940 |
rgb(34,89,64) |
hsl(153,45%,24%) |
#224C58 |
rgb(34,76,88) |
hsl(193,44%,24%) |
#222958 |
rgb(34,41,88) |
hsl(232,44%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#275966 |
rgb(39,89,102) |
hsl(192,45%,28%) |
#224C58 |
rgb(34,76,88) |
hsl(193,44%,24%) |
#1C4049 |
rgb(28,64,73) |
hsl(192,45%,20%) |
#17333B |
rgb(23,51,59) |
hsl(193,44%,16%) |
#11262D |
rgb(17,38,45) |
hsl(195,45%,12%) |
#0C1C1F |
rgb(12,28,31) |
hsl(189,44%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#224C58 |
rgb(34,76,88) |
hsl(193,44%,24%) |
#582131 |
rgb(88,33,49) |
hsl(343,45%,24%) |
#584A22 |
rgb(88,74,34) |
hsl(44,44%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224C58 |
rgb(34,76,88) |
hsl(193,44%,24%) |
#582E22 |
rgb(88,46,34) |
hsl(13,44%,24%) |
#225949 |
rgb(34,89,73) |
hsl(163,45%,24%) |
#584A22 |
rgb(88,74,34) |
hsl(44,44%,24%) |