HEX #22484F color — Blue Dianne
The color #22484f is a dark shade and moderately saturated.
Palette
22484f color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(189,40%,97%) |
#e2f0f3 |
rgb(226,240,243) |
hsl(189,40%,92%) |
#d1e7eb |
rgb(209,231,235) |
hsl(189,40%,87%) |
#bfdee3 |
rgb(191,222,227) |
hsl(189,40%,82%) |
#add5dc |
rgb(173,213,220) |
hsl(189,40%,77%) |
#9bccd4 |
rgb(155,204,212) |
hsl(189,40%,72%) |
#89c2cd |
rgb(137,194,205) |
hsl(189,40%,67%) |
#77b9c5 |
rgb(119,185,197) |
hsl(189,40%,62%) |
#65b0bd |
rgb(101,176,189) |
hsl(189,40%,57%) |
#54a7b6 |
rgb(84,167,182) |
hsl(189,40%,52%) |
#4899a8 |
rgb(72,153,168) |
hsl(189,40%,47%) |
#408996 |
rgb(64,137,150) |
hsl(189,40%,42%) |
#397984 |
rgb(57,121,132) |
hsl(189,40%,37%) |
#316872 |
rgb(49,104,114) |
hsl(189,40%,32%) |
#295860 |
rgb(41,88,96) |
hsl(189,40%,27%) |
#22484f |
rgb(34,72,79) |
hsl(189,40%,22%) |
#1a373d |
rgb(26,55,61) |
hsl(189,40%,17%) |
#12272b |
rgb(18,39,43) |
hsl(189,40%,12%) |
#0b1719 |
rgb(11,23,25) |
hsl(189,40%,7%) |
#030707 |
rgb(3,7,7) |
hsl(189,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#224F38 |
rgb(34,79,56) |
hsl(149,40%,22%) |
#22484F |
rgb(34,72,79) |
hsl(189,40%,22%) |
#22294F |
rgb(34,41,79) |
hsl(231,40%,22%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27545B |
rgb(39,84,91) |
hsl(188,40%,25%) |
#22484F |
rgb(34,72,79) |
hsl(189,40%,22%) |
#1C3D42 |
rgb(28,61,66) |
hsl(188,40%,18%) |
#173035 |
rgb(23,48,53) |
hsl(190,39%,15%) |
#112629 |
rgb(17,38,41) |
hsl(188,41%,11%) |
#0C1A1C |
rgb(12,26,28) |
hsl(188,40%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#22484F |
rgb(34,72,79) |
hsl(189,40%,22%) |
#4F2131 |
rgb(79,33,49) |
hsl(339,41%,22%) |
#4F4022 |
rgb(79,64,34) |
hsl(40,40%,22%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22484F |
rgb(34,72,79) |
hsl(189,40%,22%) |
#4F2922 |
rgb(79,41,34) |
hsl(9,40%,22%) |
#224F3F |
rgb(34,79,63) |
hsl(159,40%,22%) |
#4F4022 |
rgb(79,64,34) |
hsl(40,40%,22%) |