HEX #22A5F1 color — Dodger Blue
The color #22a5f1 is a light shade and highly saturated.
Palette
22a5f1 color palette from light to dark
HEX |
RGB |
HSL |
#fafdff |
rgb(250,253,255) |
hsl(202,88%,99%) |
#e2f3fd |
rgb(226,243,253) |
hsl(202,88%,94%) |
#caeafc |
rgb(202,234,252) |
hsl(202,88%,89%) |
#b2e0fa |
rgb(178,224,250) |
hsl(202,88%,84%) |
#9ad6f9 |
rgb(154,214,249) |
hsl(202,88%,79%) |
#82ccf7 |
rgb(130,204,247) |
hsl(202,88%,74%) |
#6ac3f6 |
rgb(106,195,246) |
hsl(202,88%,69%) |
#52b9f4 |
rgb(82,185,244) |
hsl(202,88%,64%) |
#3aaff2 |
rgb(58,175,242) |
hsl(202,88%,59%) |
#22a5f1 |
rgb(34,165,241) |
hsl(202,88%,54%) |
#0f9aeb |
rgb(15,154,235) |
hsl(202,88%,49%) |
#0d8bd3 |
rgb(13,139,211) |
hsl(202,88%,44%) |
#0c7bbb |
rgb(12,123,187) |
hsl(202,88%,39%) |
#0a6ba3 |
rgb(10,107,163) |
hsl(202,88%,34%) |
#095b8b |
rgb(9,91,139) |
hsl(202,88%,29%) |
#074c73 |
rgb(7,76,115) |
hsl(202,88%,24%) |
#063c5b |
rgb(6,60,91) |
hsl(202,88%,19%) |
#042c43 |
rgb(4,44,67) |
hsl(202,88%,14%) |
#031c2b |
rgb(3,28,43) |
hsl(202,88%,9%) |
#010d13 |
rgb(1,13,19) |
hsl(202,88%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22F2B3 |
rgb(34,242,179) |
hsl(162,89%,54%) |
#22A5F1 |
rgb(34,165,241) |
hsl(202,88%,54%) |
#2921F1 |
rgb(41,33,241) |
hsl(242,88%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#74C7F6 |
rgb(116,199,246) |
hsl(202,88%,71%) |
#4BB5F3 |
rgb(75,181,243) |
hsl(202,88%,62%) |
#22A5F1 |
rgb(34,165,241) |
hsl(202,88%,54%) |
#0D8FD9 |
rgb(13,143,217) |
hsl(202,89%,45%) |
#0B73AF |
rgb(11,115,175) |
hsl(202,88%,36%) |
#085986 |
rgb(8,89,134) |
hsl(201,89%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#22A5F1 |
rgb(34,165,241) |
hsl(202,88%,54%) |
#F1213D |
rgb(241,33,61) |
hsl(352,88%,54%) |
#F1D622 |
rgb(241,214,34) |
hsl(52,88%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22A5F1 |
rgb(34,165,241) |
hsl(202,88%,54%) |
#F16E22 |
rgb(241,110,34) |
hsl(22,88%,54%) |
#22F2D5 |
rgb(34,242,213) |
hsl(172,89%,54%) |
#F1D622 |
rgb(241,214,34) |
hsl(52,88%,54%) |