HEX #224A58 color — Blue Dianne
The color #224A58 is a dark shade and moderately saturated.
Palette
224A58 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(196,44%,99%) |
#e9f3f6 |
rgb(233,243,246) |
hsl(196,44%,94%) |
#d7e9ef |
rgb(215,233,239) |
hsl(196,44%,89%) |
#c4dfe8 |
rgb(196,223,232) |
hsl(196,44%,84%) |
#b2d4e1 |
rgb(178,212,225) |
hsl(196,44%,79%) |
#a0cada |
rgb(160,202,218) |
hsl(196,44%,74%) |
#8dc0d3 |
rgb(141,192,211) |
hsl(196,44%,69%) |
#7bb6cc |
rgb(123,182,204) |
hsl(196,44%,64%) |
#68acc4 |
rgb(104,172,196) |
hsl(196,44%,59%) |
#56a2bd |
rgb(86,162,189) |
hsl(196,44%,54%) |
#4697b4 |
rgb(70,151,180) |
hsl(196,44%,49%) |
#3f87a2 |
rgb(63,135,162) |
hsl(196,44%,44%) |
#38788f |
rgb(56,120,143) |
hsl(196,44%,39%) |
#31697d |
rgb(49,105,125) |
hsl(196,44%,34%) |
#29596a |
rgb(41,89,106) |
hsl(196,44%,29%) |
#224a58 |
rgb(34,74,88) |
hsl(196,44%,24%) |
#1b3a46 |
rgb(27,58,70) |
hsl(196,44%,19%) |
#142b33 |
rgb(20,43,51) |
hsl(196,44%,14%) |
#0d1c21 |
rgb(13,28,33) |
hsl(196,44%,9%) |
#060c0f |
rgb(6,12,15) |
hsl(196,44%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#225942 |
rgb(34,89,66) |
hsl(155,45%,24%) |
#224A58 |
rgb(34,74,88) |
hsl(196,44%,24%) |
#222658 |
rgb(34,38,88) |
hsl(236,44%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#275766 |
rgb(39,87,102) |
hsl(194,45%,28%) |
#224A58 |
rgb(34,74,88) |
hsl(196,44%,24%) |
#1C3D49 |
rgb(28,61,73) |
hsl(196,45%,20%) |
#17333B |
rgb(23,51,59) |
hsl(193,44%,16%) |
#11262D |
rgb(17,38,45) |
hsl(195,45%,12%) |
#0C1A1F |
rgb(12,26,31) |
hsl(196,44%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#224A58 |
rgb(34,74,88) |
hsl(196,44%,24%) |
#58212F |
rgb(88,33,47) |
hsl(345,45%,24%) |
#584A22 |
rgb(88,74,34) |
hsl(44,44%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224A58 |
rgb(34,74,88) |
hsl(196,44%,24%) |
#583022 |
rgb(88,48,34) |
hsl(16,44%,24%) |
#22594B |
rgb(34,89,75) |
hsl(165,45%,24%) |
#584A22 |
rgb(88,74,34) |
hsl(44,44%,24%) |