HEX #228CFF color — Dodger Blue
The color #228CFF is a light shade and highly saturated.
Palette
228CFF color palette from light to dark
HEX |
RGB |
HSL |
#f0f7ff |
rgb(240,247,255) |
hsl(211,100%,97%) |
#d6eaff |
rgb(214,234,255) |
hsl(211,100%,92%) |
#bdddff |
rgb(189,221,255) |
hsl(211,100%,87%) |
#a3d0ff |
rgb(163,208,255) |
hsl(211,100%,82%) |
#8ac2ff |
rgb(138,194,255) |
hsl(211,100%,77%) |
#70b5ff |
rgb(112,181,255) |
hsl(211,100%,72%) |
#57a8ff |
rgb(87,168,255) |
hsl(211,100%,67%) |
#3d9bff |
rgb(61,155,255) |
hsl(211,100%,62%) |
#248eff |
rgb(36,142,255) |
hsl(211,100%,57%) |
#0a81ff |
rgb(10,129,255) |
hsl(211,100%,52%) |
#0074f0 |
rgb(0,116,240) |
hsl(211,100%,47%) |
#0068d6 |
rgb(0,104,214) |
hsl(211,100%,42%) |
#005bbd |
rgb(0,91,189) |
hsl(211,100%,37%) |
#004fa3 |
rgb(0,79,163) |
hsl(211,100%,32%) |
#00438a |
rgb(0,67,138) |
hsl(211,100%,27%) |
#003670 |
rgb(0,54,112) |
hsl(211,100%,22%) |
#002a57 |
rgb(0,42,87) |
hsl(211,100%,17%) |
#001e3d |
rgb(0,30,61) |
hsl(211,100%,12%) |
#001124 |
rgb(0,17,36) |
hsl(211,100%,7%) |
#00050a |
rgb(0,5,10) |
hsl(211,100%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22FFDE |
rgb(34,255,222) |
hsl(171,100%,57%) |
#228CFF |
rgb(34,140,255) |
hsl(211,100%,57%) |
#4B21FF |
rgb(75,33,255) |
hsl(251,100%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EBDFF |
rgb(126,189,255) |
hsl(211,100%,75%) |
#50A3FF |
rgb(80,163,255) |
hsl(212,100%,66%) |
#228CFF |
rgb(34,140,255) |
hsl(211,100%,57%) |
#0075F2 |
rgb(0,117,242) |
hsl(211,100%,47%) |
#005EC4 |
rgb(0,94,196) |
hsl(211,100%,38%) |
#004796 |
rgb(0,71,150) |
hsl(212,100%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#228CFF |
rgb(34,140,255) |
hsl(211,100%,57%) |
#FF2622 |
rgb(255,38,34) |
hsl(1,100%,57%) |
#FAFF22 |
rgb(250,255,34) |
hsl(61,100%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228CFF |
rgb(34,140,255) |
hsl(211,100%,57%) |
#FF9422 |
rgb(255,148,34) |
hsl(31,100%,57%) |
#22FAFF |
rgb(34,250,255) |
hsl(181,100%,57%) |
#FAFF22 |
rgb(250,255,34) |
hsl(61,100%,57%) |