HEX #228EC3 color — Curious Blue
The color #228ec3 is a dark shade and highly saturated.
Palette
228ec3 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 |
#22C28C |
rgb(34,194,140) |
hsl(160,70%,45%) |
#228EC3 |
rgb(34,142,195) |
hsl(200,70%,45%) |
#2224C3 |
rgb(34,36,195) |
hsl(239,70%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4EB0E0 |
rgb(78,176,224) |
hsl(200,70%,59%) |
#2EA3DA |
rgb(46,163,218) |
hsl(199,70%,52%) |
#228EC3 |
rgb(34,142,195) |
hsl(200,70%,45%) |
#1C78A3 |
rgb(28,120,163) |
hsl(199,71%,37%) |
#176184 |
rgb(23,97,132) |
hsl(199,70%,30%) |
#114A65 |
rgb(17,74,101) |
hsl(199,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#228EC3 |
rgb(34,142,195) |
hsl(200,70%,45%) |
#C3213D |
rgb(195,33,61) |
hsl(350,71%,45%) |
#C3A822 |
rgb(195,168,34) |
hsl(50,70%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228EC3 |
rgb(34,142,195) |
hsl(200,70%,45%) |
#C35722 |
rgb(195,87,34) |
hsl(20,70%,45%) |
#22C2A7 |
rgb(34,194,167) |
hsl(170,70%,45%) |
#C3A822 |
rgb(195,168,34) |
hsl(50,70%,45%) |