HEX #228CC5 color — Curious Blue
The color #228CC5 is a dark shade and highly saturated.
Palette
228CC5 color palette from light to dark
HEX |
RGB |
HSL |
#e9f5fb |
rgb(233,245,251) |
hsl(201,71%,95%) |
#d3ebf8 |
rgb(211,235,248) |
hsl(201,71%,90%) |
#bee1f4 |
rgb(190,225,244) |
hsl(201,71%,85%) |
#a8d7f0 |
rgb(168,215,240) |
hsl(201,71%,80%) |
#92cded |
rgb(146,205,237) |
hsl(201,71%,75%) |
#7cc3e9 |
rgb(124,195,233) |
hsl(201,71%,70%) |
#66b9e5 |
rgb(102,185,229) |
hsl(201,71%,65%) |
#51afe1 |
rgb(81,175,225) |
hsl(201,71%,60%) |
#3ba5de |
rgb(59,165,222) |
hsl(201,71%,55%) |
#259bda |
rgb(37,155,218) |
hsl(201,71%,50%) |
#218bc4 |
rgb(33,139,196) |
hsl(201,71%,45%) |
#1e7cae |
rgb(30,124,174) |
hsl(201,71%,40%) |
#1a6c99 |
rgb(26,108,153) |
hsl(201,71%,35%) |
#165d83 |
rgb(22,93,131) |
hsl(201,71%,30%) |
#124d6d |
rgb(18,77,109) |
hsl(201,71%,25%) |
#0f3e57 |
rgb(15,62,87) |
hsl(201,71%,20%) |
#0b2e41 |
rgb(11,46,65) |
hsl(201,71%,15%) |
#071f2c |
rgb(7,31,44) |
hsl(201,71%,10%) |
#040f16 |
rgb(4,15,22) |
hsl(201,71%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C491 |
rgb(34,196,145) |
hsl(161,70%,45%) |
#228CC5 |
rgb(34,140,197) |
hsl(201,71%,45%) |
#2421C5 |
rgb(36,33,197) |
hsl(241,71%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50ADE0 |
rgb(80,173,224) |
hsl(201,70%,60%) |
#30A1DB |
rgb(48,161,219) |
hsl(200,70%,52%) |
#228CC5 |
rgb(34,140,197) |
hsl(201,71%,45%) |
#1C75A5 |
rgb(28,117,165) |
hsl(201,71%,38%) |
#175E85 |
rgb(23,94,133) |
hsl(201,71%,31%) |
#114A66 |
rgb(17,74,102) |
hsl(200,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#228CC5 |
rgb(34,140,197) |
hsl(201,71%,45%) |
#C5213A |
rgb(197,33,58) |
hsl(351,71%,45%) |
#C5AD22 |
rgb(197,173,34) |
hsl(51,71%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228CC5 |
rgb(34,140,197) |
hsl(201,71%,45%) |
#C55C22 |
rgb(197,92,34) |
hsl(21,71%,45%) |
#22C4AC |
rgb(34,196,172) |
hsl(171,70%,45%) |
#C5AD22 |
rgb(197,173,34) |
hsl(51,71%,45%) |