HEX #228CE2 color — Curious Blue
The color #228CE2 is a light shade and highly saturated.
Palette
228CE2 color palette from light to dark
HEX |
RGB |
HSL |
#edf6fd |
rgb(237,246,253) |
hsl(207,77%,96%) |
#d6eafa |
rgb(214,234,250) |
hsl(207,77%,91%) |
#c0def7 |
rgb(192,222,247) |
hsl(207,77%,86%) |
#a9d2f4 |
rgb(169,210,244) |
hsl(207,77%,81%) |
#93c7f1 |
rgb(147,199,241) |
hsl(207,77%,76%) |
#7cbbee |
rgb(124,187,238) |
hsl(207,77%,71%) |
#66afeb |
rgb(102,175,235) |
hsl(207,77%,66%) |
#4fa3e8 |
rgb(79,163,232) |
hsl(207,77%,61%) |
#3897e5 |
rgb(56,151,229) |
hsl(207,77%,56%) |
#228ce2 |
rgb(34,140,226) |
hsl(207,77%,51%) |
#1b7ed0 |
rgb(27,126,208) |
hsl(207,77%,46%) |
#1871b9 |
rgb(24,113,185) |
hsl(207,77%,41%) |
#1563a2 |
rgb(21,99,162) |
hsl(207,77%,36%) |
#12558c |
rgb(18,85,140) |
hsl(207,77%,31%) |
#0f4775 |
rgb(15,71,117) |
hsl(207,77%,26%) |
#0c3a5f |
rgb(12,58,95) |
hsl(207,77%,21%) |
#092c48 |
rgb(9,44,72) |
hsl(207,77%,16%) |
#061e32 |
rgb(6,30,50) |
hsl(207,77%,11%) |
#04101b |
rgb(4,16,27) |
hsl(207,77%,6%) |
#010305 |
rgb(1,3,5) |
hsl(207,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#22E3B8 |
rgb(34,227,184) |
hsl(167,78%,51%) |
#228CE2 |
rgb(34,140,226) |
hsl(207,77%,51%) |
#3821E2 |
rgb(56,33,226) |
hsl(247,77%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6BB3EB |
rgb(107,179,235) |
hsl(206,76%,67%) |
#469EE6 |
rgb(70,158,230) |
hsl(207,76%,59%) |
#228CE2 |
rgb(34,140,226) |
hsl(207,77%,51%) |
#1975C1 |
rgb(25,117,193) |
hsl(207,77%,43%) |
#145E9C |
rgb(20,94,156) |
hsl(207,77%,35%) |
#0F4A77 |
rgb(15,74,119) |
hsl(206,78%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#228CE2 |
rgb(34,140,226) |
hsl(207,77%,51%) |
#E2212C |
rgb(226,33,44) |
hsl(357,77%,51%) |
#E2D922 |
rgb(226,217,34) |
hsl(57,77%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228CE2 |
rgb(34,140,226) |
hsl(207,77%,51%) |
#E27822 |
rgb(226,120,34) |
hsl(27,77%,51%) |
#22E3D8 |
rgb(34,227,216) |
hsl(177,78%,51%) |
#E2D922 |
rgb(226,217,34) |
hsl(57,77%,51%) |