HEX #558CF2 color — Cornflower Blue
The color #558CF2 is a light shade and moderately saturated.
Palette
558CF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(219,86%,99%) |
#e3ecfd |
rgb(227,236,253) |
hsl(219,86%,94%) |
#cbdcfb |
rgb(203,220,251) |
hsl(219,86%,89%) |
#b3ccf9 |
rgb(179,204,249) |
hsl(219,86%,84%) |
#9bbcf8 |
rgb(155,188,248) |
hsl(219,86%,79%) |
#84acf6 |
rgb(132,172,246) |
hsl(219,86%,74%) |
#6c9cf4 |
rgb(108,156,244) |
hsl(219,86%,69%) |
#548cf2 |
rgb(84,140,242) |
hsl(219,86%,64%) |
#3d7bf0 |
rgb(61,123,240) |
hsl(219,86%,59%) |
#256bef |
rgb(37,107,239) |
hsl(219,86%,54%) |
#115de8 |
rgb(17,93,232) |
hsl(219,86%,49%) |
#1053d1 |
rgb(16,83,209) |
hsl(219,86%,44%) |
#0e4ab9 |
rgb(14,74,185) |
hsl(219,86%,39%) |
#0c40a1 |
rgb(12,64,161) |
hsl(219,86%,34%) |
#0a378a |
rgb(10,55,138) |
hsl(219,86%,29%) |
#092d72 |
rgb(9,45,114) |
hsl(219,86%,24%) |
#07245a |
rgb(7,36,90) |
hsl(219,86%,19%) |
#051a42 |
rgb(5,26,66) |
hsl(219,86%,14%) |
#03112b |
rgb(3,17,43) |
hsl(219,86%,9%) |
#010813 |
rgb(1,8,19) |
hsl(219,86%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55F2EF |
rgb(85,242,239) |
hsl(179,86%,64%) |
#558CF2 |
rgb(85,140,242) |
hsl(219,86%,64%) |
#8654F2 |
rgb(134,84,242) |
hsl(259,86%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E6F0FD |
rgb(230,240,253) |
hsl(214,85%,95%) |
#B6CFF9 |
rgb(182,207,249) |
hsl(218,85%,85%) |
#85ADF5 |
rgb(133,173,245) |
hsl(219,85%,74%) |
#558CF2 |
rgb(85,140,242) |
hsl(219,86%,64%) |
#246BEE |
rgb(36,107,238) |
hsl(219,86%,54%) |
#0F52CE |
rgb(15,82,206) |
hsl(219,86%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CF2 |
rgb(85,140,242) |
hsl(219,86%,64%) |
#F26E55 |
rgb(242,110,85) |
hsl(10,86%,64%) |
#DAF255 |
rgb(218,242,85) |
hsl(69,86%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CF2 |
rgb(85,140,242) |
hsl(219,86%,64%) |
#F2BA55 |
rgb(242,186,85) |
hsl(39,86%,64%) |
#55DBF2 |
rgb(85,219,242) |
hsl(189,86%,64%) |
#DAF255 |
rgb(218,242,85) |
hsl(69,86%,64%) |