HEX #558AF3 color — Cornflower Blue
The color #558AF3 is a light shade and moderately saturated.
Palette
558AF3 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(220,87%,99%) |
#e2ebfd |
rgb(226,235,253) |
hsl(220,87%,94%) |
#cbdbfb |
rgb(203,219,251) |
hsl(220,87%,89%) |
#b3cafa |
rgb(179,202,250) |
hsl(220,87%,84%) |
#9bbaf8 |
rgb(155,186,248) |
hsl(220,87%,79%) |
#83a9f6 |
rgb(131,169,246) |
hsl(220,87%,74%) |
#6b99f5 |
rgb(107,153,245) |
hsl(220,87%,69%) |
#5389f3 |
rgb(83,137,243) |
hsl(220,87%,64%) |
#3b78f1 |
rgb(59,120,241) |
hsl(220,87%,59%) |
#2468f0 |
rgb(36,104,240) |
hsl(220,87%,54%) |
#1059ea |
rgb(16,89,234) |
hsl(220,87%,49%) |
#0f50d2 |
rgb(15,80,210) |
hsl(220,87%,44%) |
#0d47ba |
rgb(13,71,186) |
hsl(220,87%,39%) |
#0b3ea2 |
rgb(11,62,162) |
hsl(220,87%,34%) |
#0a358a |
rgb(10,53,138) |
hsl(220,87%,29%) |
#082b72 |
rgb(8,43,114) |
hsl(220,87%,24%) |
#06225b |
rgb(6,34,91) |
hsl(220,87%,19%) |
#051943 |
rgb(5,25,67) |
hsl(220,87%,14%) |
#03102b |
rgb(3,16,43) |
hsl(220,87%,9%) |
#010713 |
rgb(1,7,19) |
hsl(220,87%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55F2F2 |
rgb(85,242,242) |
hsl(180,86%,64%) |
#558AF3 |
rgb(85,138,243) |
hsl(220,87%,64%) |
#8954F3 |
rgb(137,84,243) |
hsl(260,87%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E8F0FD |
rgb(232,240,253) |
hsl(217,84%,95%) |
#B7CFF9 |
rgb(183,207,249) |
hsl(218,85%,85%) |
#86ABF6 |
rgb(134,171,246) |
hsl(220,86%,75%) |
#558AF3 |
rgb(85,138,243) |
hsl(220,87%,64%) |
#2369EF |
rgb(35,105,239) |
hsl(219,86%,54%) |
#0E4FD0 |
rgb(14,79,208) |
hsl(220,87%,44%) |
Triad color palettes
HEX |
RGB |
HSL |
#558AF3 |
rgb(85,138,243) |
hsl(220,87%,64%) |
#F37055 |
rgb(243,112,85) |
hsl(10,87%,64%) |
#D9F255 |
rgb(217,242,85) |
hsl(70,86%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558AF3 |
rgb(85,138,243) |
hsl(220,87%,64%) |
#F3BF55 |
rgb(243,191,85) |
hsl(40,87%,64%) |
#55D9F3 |
rgb(85,217,243) |
hsl(190,87%,64%) |
#D9F255 |
rgb(217,242,85) |
hsl(70,86%,64%) |