HEX #228CC2 color — Curious Blue
The color #228CC2 is a dark shade and highly saturated.
Palette
228CC2 color palette from light to dark
HEX |
RGB |
HSL |
#e9f5fb |
rgb(233,245,251) |
hsl(200,70%,95%) |
#d4ebf7 |
rgb(212,235,247) |
hsl(200,70%,90%) |
#bee2f4 |
rgb(190,226,244) |
hsl(200,70%,85%) |
#a8d8f0 |
rgb(168,216,240) |
hsl(200,70%,80%) |
#93ceec |
rgb(147,206,236) |
hsl(200,70%,75%) |
#7dc4e8 |
rgb(125,196,232) |
hsl(200,70%,70%) |
#67bbe4 |
rgb(103,187,228) |
hsl(200,70%,65%) |
#52b1e0 |
rgb(82,177,224) |
hsl(200,70%,60%) |
#3ca7dd |
rgb(60,167,221) |
hsl(200,70%,55%) |
#269dd9 |
rgb(38,157,217) |
hsl(200,70%,50%) |
#228ec3 |
rgb(34,142,195) |
hsl(200,70%,45%) |
#1f7ead |
rgb(31,126,173) |
hsl(200,70%,40%) |
#1b6e98 |
rgb(27,110,152) |
hsl(200,70%,35%) |
#175e82 |
rgb(23,94,130) |
hsl(200,70%,30%) |
#134f6c |
rgb(19,79,108) |
hsl(200,70%,25%) |
#0f3f57 |
rgb(15,63,87) |
hsl(200,70%,20%) |
#0b2f41 |
rgb(11,47,65) |
hsl(200,70%,15%) |
#081f2b |
rgb(8,31,43) |
hsl(200,70%,10%) |
#041016 |
rgb(4,16,22) |
hsl(200,70%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C28D |
rgb(34,194,141) |
hsl(160,70%,45%) |
#228CC2 |
rgb(34,140,194) |
hsl(200,70%,45%) |
#2221C2 |
rgb(34,33,194) |
hsl(240,71%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4DADDF |
rgb(77,173,223) |
hsl(201,70%,59%) |
#2EA1DA |
rgb(46,161,218) |
hsl(200,70%,52%) |
#228CC2 |
rgb(34,140,194) |
hsl(200,70%,45%) |
#1C75A2 |
rgb(28,117,162) |
hsl(200,71%,37%) |
#175E83 |
rgb(23,94,131) |
hsl(201,70%,30%) |
#114A64 |
rgb(17,74,100) |
hsl(199,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#228CC2 |
rgb(34,140,194) |
hsl(200,70%,45%) |
#C2213C |
rgb(194,33,60) |
hsl(350,71%,45%) |
#C2A822 |
rgb(194,168,34) |
hsl(50,70%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228CC2 |
rgb(34,140,194) |
hsl(200,70%,45%) |
#C25922 |
rgb(194,89,34) |
hsl(21,70%,45%) |
#22C2A8 |
rgb(34,194,168) |
hsl(170,70%,45%) |
#C2A822 |
rgb(194,168,34) |
hsl(50,70%,45%) |