HEX #228FF4 color — Dodger Blue
The color #228FF4 is a light shade and highly saturated.
Palette
228FF4 color palette from light to dark
HEX |
RGB |
HSL |
#e7f3fe |
rgb(231,243,254) |
hsl(209,91%,95%) |
#cee6fd |
rgb(206,230,253) |
hsl(209,91%,90%) |
#b6dafc |
rgb(182,218,252) |
hsl(209,91%,85%) |
#9ecefa |
rgb(158,206,250) |
hsl(209,91%,80%) |
#85c1f9 |
rgb(133,193,249) |
hsl(209,91%,75%) |
#6db5f8 |
rgb(109,181,248) |
hsl(209,91%,70%) |
#55a8f7 |
rgb(85,168,247) |
hsl(209,91%,65%) |
#3c9cf6 |
rgb(60,156,246) |
hsl(209,91%,60%) |
#2490f5 |
rgb(36,144,245) |
hsl(209,91%,55%) |
#0b83f4 |
rgb(11,131,244) |
hsl(209,91%,50%) |
#0a76db |
rgb(10,118,219) |
hsl(209,91%,45%) |
#0969c3 |
rgb(9,105,195) |
hsl(209,91%,40%) |
#085caa |
rgb(8,92,170) |
hsl(209,91%,35%) |
#074f92 |
rgb(7,79,146) |
hsl(209,91%,30%) |
#06427a |
rgb(6,66,122) |
hsl(209,91%,25%) |
#053561 |
rgb(5,53,97) |
hsl(209,91%,20%) |
#032749 |
rgb(3,39,73) |
hsl(209,91%,15%) |
#021a31 |
rgb(2,26,49) |
hsl(209,91%,10%) |
#010d18 |
rgb(1,13,24) |
hsl(209,91%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22F5CD |
rgb(34,245,205) |
hsl(169,91%,55%) |
#228FF4 |
rgb(34,143,244) |
hsl(209,91%,55%) |
#4121F4 |
rgb(65,33,244) |
hsl(249,91%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76BAF8 |
rgb(118,186,248) |
hsl(209,90%,72%) |
#4CA3F6 |
rgb(76,163,246) |
hsl(209,90%,63%) |
#228FF4 |
rgb(34,143,244) |
hsl(209,91%,55%) |
#0B78DE |
rgb(11,120,222) |
hsl(209,91%,46%) |
#0861B4 |
rgb(8,97,180) |
hsl(209,91%,37%) |
#064A89 |
rgb(6,74,137) |
hsl(209,92%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#228FF4 |
rgb(34,143,244) |
hsl(209,91%,55%) |
#F42126 |
rgb(244,33,38) |
hsl(359,91%,54%) |
#F4F022 |
rgb(244,240,34) |
hsl(59,91%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228FF4 |
rgb(34,143,244) |
hsl(209,91%,55%) |
#F48722 |
rgb(244,135,34) |
hsl(29,91%,55%) |
#22F5F0 |
rgb(34,245,240) |
hsl(179,91%,55%) |
#F4F022 |
rgb(244,240,34) |
hsl(59,91%,55%) |