HEX #228AF4 color — Dodger Blue
The color #228AF4 is a light shade and highly saturated.
Palette
228AF4 color palette from light to dark
HEX |
RGB |
HSL |
#e7f2fe |
rgb(231,242,254) |
hsl(210,91%,95%) |
#cee6fd |
rgb(206,230,253) |
hsl(210,91%,90%) |
#b6d9fc |
rgb(182,217,252) |
hsl(210,91%,85%) |
#9eccfa |
rgb(158,204,250) |
hsl(210,91%,80%) |
#85bff9 |
rgb(133,191,249) |
hsl(210,91%,75%) |
#6db3f8 |
rgb(109,179,248) |
hsl(210,91%,70%) |
#55a6f7 |
rgb(85,166,247) |
hsl(210,91%,65%) |
#3c99f6 |
rgb(60,153,246) |
hsl(210,91%,60%) |
#248cf5 |
rgb(36,140,245) |
hsl(210,91%,55%) |
#0b80f4 |
rgb(11,128,244) |
hsl(210,91%,50%) |
#0a73db |
rgb(10,115,219) |
hsl(210,91%,45%) |
#0966c3 |
rgb(9,102,195) |
hsl(210,91%,40%) |
#0859aa |
rgb(8,89,170) |
hsl(210,91%,35%) |
#074c92 |
rgb(7,76,146) |
hsl(210,91%,30%) |
#06407a |
rgb(6,64,122) |
hsl(210,91%,25%) |
#053361 |
rgb(5,51,97) |
hsl(210,91%,20%) |
#032649 |
rgb(3,38,73) |
hsl(210,91%,15%) |
#021a31 |
rgb(2,26,49) |
hsl(210,91%,10%) |
#010d18 |
rgb(1,13,24) |
hsl(210,91%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22F5D2 |
rgb(34,245,210) |
hsl(170,91%,55%) |
#228AF4 |
rgb(34,138,244) |
hsl(210,91%,55%) |
#4621F4 |
rgb(70,33,244) |
hsl(251,91%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76B8F8 |
rgb(118,184,248) |
hsl(210,90%,72%) |
#4CA1F6 |
rgb(76,161,246) |
hsl(210,90%,63%) |
#228AF4 |
rgb(34,138,244) |
hsl(210,91%,55%) |
#0B73DE |
rgb(11,115,222) |
hsl(210,91%,46%) |
#085EB4 |
rgb(8,94,180) |
hsl(210,91%,37%) |
#064789 |
rgb(6,71,137) |
hsl(210,92%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#228AF4 |
rgb(34,138,244) |
hsl(210,91%,55%) |
#F42422 |
rgb(244,36,34) |
hsl(1,91%,55%) |
#F3F522 |
rgb(243,245,34) |
hsl(61,91%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228AF4 |
rgb(34,138,244) |
hsl(210,91%,55%) |
#F48C22 |
rgb(244,140,34) |
hsl(30,91%,55%) |
#22F2F4 |
rgb(34,242,244) |
hsl(181,91%,55%) |
#F3F522 |
rgb(243,245,34) |
hsl(61,91%,55%) |