HEX #22536D color — Cello
The color #22536d is a dark shade and moderately saturated.
Palette
22536d color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(201,52%,98%) |
#e4f0f6 |
rgb(228,240,246) |
hsl(201,52%,93%) |
#d0e5f0 |
rgb(208,229,240) |
hsl(201,52%,88%) |
#bddaea |
rgb(189,218,234) |
hsl(201,52%,83%) |
#aad0e4 |
rgb(170,208,228) |
hsl(201,52%,78%) |
#96c5de |
rgb(150,197,222) |
hsl(201,52%,73%) |
#83bad8 |
rgb(131,186,216) |
hsl(201,52%,68%) |
#70afd2 |
rgb(112,175,210) |
hsl(201,52%,63%) |
#5ca5cc |
rgb(92,165,204) |
hsl(201,52%,58%) |
#499ac5 |
rgb(73,154,197) |
hsl(201,52%,53%) |
#3b8dba |
rgb(59,141,186) |
hsl(201,52%,48%) |
#357fa7 |
rgb(53,127,167) |
hsl(201,52%,43%) |
#2f7093 |
rgb(47,112,147) |
hsl(201,52%,38%) |
#286180 |
rgb(40,97,128) |
hsl(201,52%,33%) |
#22536d |
rgb(34,83,109) |
hsl(201,52%,28%) |
#1c4459 |
rgb(28,68,89) |
hsl(201,52%,23%) |
#163546 |
rgb(22,53,70) |
hsl(201,52%,18%) |
#102632 |
rgb(16,38,50) |
hsl(201,52%,13%) |
#0a181f |
rgb(10,24,31) |
hsl(201,52%,8%) |
#04090c |
rgb(4,9,12) |
hsl(201,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#226E55 |
rgb(34,110,85) |
hsl(160,53%,28%) |
#22536D |
rgb(34,83,109) |
hsl(201,52%,28%) |
#23216D |
rgb(35,33,109) |
hsl(242,54%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27617E |
rgb(39,97,126) |
hsl(200,53%,32%) |
#22536D |
rgb(34,83,109) |
hsl(201,52%,28%) |
#1C455B |
rgb(28,69,91) |
hsl(201,53%,23%) |
#17384A |
rgb(23,56,74) |
hsl(201,53%,19%) |
#112B38 |
rgb(17,43,56) |
hsl(200,53%,14%) |
#0C1F27 |
rgb(12,31,39) |
hsl(198,53%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#22536D |
rgb(34,83,109) |
hsl(201,52%,28%) |
#6D212D |
rgb(109,33,45) |
hsl(351,54%,28%) |
#6D6122 |
rgb(109,97,34) |
hsl(50,52%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22536D |
rgb(34,83,109) |
hsl(201,52%,28%) |
#6D3D22 |
rgb(109,61,34) |
hsl(22,52%,28%) |
#226E61 |
rgb(34,110,97) |
hsl(170,53%,28%) |
#6D6122 |
rgb(109,97,34) |
hsl(50,52%,28%) |