HEX #557DF2 color — Cornflower Blue
The color #557DF2 is a dark shade and moderately saturated.
Palette
557DF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(225,86%,99%) |
#e3e9fd |
rgb(227,233,253) |
hsl(225,86%,94%) |
#cbd7fb |
rgb(203,215,251) |
hsl(225,86%,89%) |
#b3c5f9 |
rgb(179,197,249) |
hsl(225,86%,84%) |
#9bb2f8 |
rgb(155,178,248) |
hsl(225,86%,79%) |
#84a0f6 |
rgb(132,160,246) |
hsl(225,86%,74%) |
#6c8ef4 |
rgb(108,142,244) |
hsl(225,86%,69%) |
#547cf2 |
rgb(84,124,242) |
hsl(225,86%,64%) |
#3d69f0 |
rgb(61,105,240) |
hsl(225,86%,59%) |
#2557ef |
rgb(37,87,239) |
hsl(225,86%,54%) |
#1147e8 |
rgb(17,71,232) |
hsl(225,86%,49%) |
#1040d1 |
rgb(16,64,209) |
hsl(225,86%,44%) |
#0e39b9 |
rgb(14,57,185) |
hsl(225,86%,39%) |
#0c31a1 |
rgb(12,49,161) |
hsl(225,86%,34%) |
#0a2a8a |
rgb(10,42,138) |
hsl(225,86%,29%) |
#092372 |
rgb(9,35,114) |
hsl(225,86%,24%) |
#071c5a |
rgb(7,28,90) |
hsl(225,86%,19%) |
#051442 |
rgb(5,20,66) |
hsl(225,86%,14%) |
#030d2b |
rgb(3,13,43) |
hsl(225,86%,9%) |
#010613 |
rgb(1,6,19) |
hsl(225,86%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55E6F2 |
rgb(85,230,242) |
hsl(185,86%,64%) |
#557DF2 |
rgb(85,125,242) |
hsl(225,86%,64%) |
#9554F2 |
rgb(149,84,242) |
hsl(265,86%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E6EDFD |
rgb(230,237,253) |
hsl(222,85%,95%) |
#B6C7F9 |
rgb(182,199,249) |
hsl(225,85%,85%) |
#85A3F5 |
rgb(133,163,245) |
hsl(224,85%,74%) |
#557DF2 |
rgb(85,125,242) |
hsl(225,86%,64%) |
#2457EE |
rgb(36,87,238) |
hsl(225,86%,54%) |
#0F40CE |
rgb(15,64,206) |
hsl(225,86%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#557DF2 |
rgb(85,125,242) |
hsl(225,86%,64%) |
#F27A55 |
rgb(242,122,85) |
hsl(14,86%,64%) |
#CBF255 |
rgb(203,242,85) |
hsl(75,86%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557DF2 |
rgb(85,125,242) |
hsl(225,86%,64%) |
#F2C955 |
rgb(242,201,85) |
hsl(44,86%,64%) |
#55CCF2 |
rgb(85,204,242) |
hsl(195,86%,64%) |
#CBF255 |
rgb(203,242,85) |
hsl(75,86%,64%) |