HEX #228CF6 color — Dodger Blue
The color #228CF6 is a light shade and highly saturated.
Palette
228CF6 color palette from light to dark
HEX |
RGB |
HSL |
#e7f2fe |
rgb(231,242,254) |
hsl(210,92%,95%) |
#cee6fd |
rgb(206,230,253) |
hsl(210,92%,90%) |
#b6d9fc |
rgb(182,217,252) |
hsl(210,92%,85%) |
#9dccfb |
rgb(157,204,251) |
hsl(210,92%,80%) |
#85bffa |
rgb(133,191,250) |
hsl(210,92%,75%) |
#6cb3f9 |
rgb(108,179,249) |
hsl(210,92%,70%) |
#54a6f8 |
rgb(84,166,248) |
hsl(210,92%,65%) |
#3b99f7 |
rgb(59,153,247) |
hsl(210,92%,60%) |
#238cf6 |
rgb(35,140,246) |
hsl(210,92%,55%) |
#0a80f5 |
rgb(10,128,245) |
hsl(210,92%,50%) |
#0973dc |
rgb(9,115,220) |
hsl(210,92%,45%) |
#0866c4 |
rgb(8,102,196) |
hsl(210,92%,40%) |
#0759ab |
rgb(7,89,171) |
hsl(210,92%,35%) |
#064c93 |
rgb(6,76,147) |
hsl(210,92%,30%) |
#05407a |
rgb(5,64,122) |
hsl(210,92%,25%) |
#043362 |
rgb(4,51,98) |
hsl(210,92%,20%) |
#032649 |
rgb(3,38,73) |
hsl(210,92%,15%) |
#021a31 |
rgb(2,26,49) |
hsl(210,92%,10%) |
#010d18 |
rgb(1,13,24) |
hsl(210,92%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22F5D2 |
rgb(34,245,210) |
hsl(170,91%,55%) |
#228CF6 |
rgb(34,140,246) |
hsl(210,92%,55%) |
#4521F6 |
rgb(69,33,246) |
hsl(250,92%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78B8F9 |
rgb(120,184,249) |
hsl(210,91%,72%) |
#4DA3F7 |
rgb(77,163,247) |
hsl(210,91%,64%) |
#228CF6 |
rgb(34,140,246) |
hsl(210,92%,55%) |
#0975E2 |
rgb(9,117,226) |
hsl(210,92%,46%) |
#075EB6 |
rgb(7,94,182) |
hsl(210,93%,37%) |
#054A8B |
rgb(5,74,139) |
hsl(209,93%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#228CF6 |
rgb(34,140,246) |
hsl(210,92%,55%) |
#F62122 |
rgb(246,33,34) |
hsl(360,92%,55%) |
#F6F522 |
rgb(246,245,34) |
hsl(60,92%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228CF6 |
rgb(34,140,246) |
hsl(210,92%,55%) |
#F68C22 |
rgb(246,140,34) |
hsl(30,92%,55%) |
#22F5F6 |
rgb(34,245,246) |
hsl(180,92%,55%) |
#F6F522 |
rgb(246,245,34) |
hsl(60,92%,55%) |