HEX #228AF0 color — Dodger Blue
The color #228AF0 is a light shade and highly saturated.
Palette
228AF0 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(210,87%,99%) |
#e2f0fd |
rgb(226,240,253) |
hsl(210,87%,94%) |
#cbe3fb |
rgb(203,227,251) |
hsl(210,87%,89%) |
#b3d6fa |
rgb(179,214,250) |
hsl(210,87%,84%) |
#9bc9f8 |
rgb(155,201,248) |
hsl(210,87%,79%) |
#83bdf6 |
rgb(131,189,246) |
hsl(210,87%,74%) |
#6bb0f5 |
rgb(107,176,245) |
hsl(210,87%,69%) |
#53a3f3 |
rgb(83,163,243) |
hsl(210,87%,64%) |
#3b96f1 |
rgb(59,150,241) |
hsl(210,87%,59%) |
#248af0 |
rgb(36,138,240) |
hsl(210,87%,54%) |
#107dea |
rgb(16,125,234) |
hsl(210,87%,49%) |
#0f70d2 |
rgb(15,112,210) |
hsl(210,87%,44%) |
#0d63ba |
rgb(13,99,186) |
hsl(210,87%,39%) |
#0b57a2 |
rgb(11,87,162) |
hsl(210,87%,34%) |
#0a4a8a |
rgb(10,74,138) |
hsl(210,87%,29%) |
#083d72 |
rgb(8,61,114) |
hsl(210,87%,24%) |
#06305b |
rgb(6,48,91) |
hsl(210,87%,19%) |
#052443 |
rgb(5,36,67) |
hsl(210,87%,14%) |
#03172b |
rgb(3,23,43) |
hsl(210,87%,9%) |
#010a13 |
rgb(1,10,19) |
hsl(210,87%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22F0CC |
rgb(34,240,204) |
hsl(170,87%,54%) |
#228AF0 |
rgb(34,138,240) |
hsl(210,87%,54%) |
#4321F0 |
rgb(67,33,240) |
hsl(250,87%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#74B5F5 |
rgb(116,181,245) |
hsl(210,87%,71%) |
#4BA1F2 |
rgb(75,161,242) |
hsl(209,87%,62%) |
#228AF0 |
rgb(34,138,240) |
hsl(210,87%,54%) |
#0E75D7 |
rgb(14,117,215) |
hsl(209,88%,45%) |
#0B5EAE |
rgb(11,94,174) |
hsl(209,88%,36%) |
#094785 |
rgb(9,71,133) |
hsl(210,87%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#228AF0 |
rgb(34,138,240) |
hsl(210,87%,54%) |
#F02123 |
rgb(240,33,35) |
hsl(359,87%,54%) |
#F0F022 |
rgb(240,240,34) |
hsl(60,87%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228AF0 |
rgb(34,138,240) |
hsl(210,87%,54%) |
#F08722 |
rgb(240,135,34) |
hsl(29,87%,54%) |
#22F0EF |
rgb(34,240,239) |
hsl(180,87%,54%) |
#F0F022 |
rgb(240,240,34) |
hsl(60,87%,54%) |