HEX #559CE2 color — Havelock Blue
The color #559ce2 is a light shade and moderately saturated.
Palette
559ce2 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fc |
rgb(238,245,252) |
hsl(210,71%,96%) |
#d8e8f8 |
rgb(216,232,248) |
hsl(210,71%,91%) |
#c2dbf5 |
rgb(194,219,245) |
hsl(210,71%,86%) |
#accff1 |
rgb(172,207,241) |
hsl(210,71%,81%) |
#96c2ed |
rgb(150,194,237) |
hsl(210,71%,76%) |
#81b5ea |
rgb(129,181,234) |
hsl(210,71%,71%) |
#6ba8e6 |
rgb(107,168,230) |
hsl(210,71%,66%) |
#559ce2 |
rgb(85,156,226) |
hsl(210,71%,61%) |
#3f8fde |
rgb(63,143,222) |
hsl(210,71%,56%) |
#2982db |
rgb(41,130,219) |
hsl(210,71%,51%) |
#2275c9 |
rgb(34,117,201) |
hsl(210,71%,46%) |
#1e69b3 |
rgb(30,105,179) |
hsl(210,71%,41%) |
#1b5c9d |
rgb(27,92,157) |
hsl(210,71%,36%) |
#174f87 |
rgb(23,79,135) |
hsl(210,71%,31%) |
#134271 |
rgb(19,66,113) |
hsl(210,71%,26%) |
#10365c |
rgb(16,54,92) |
hsl(210,71%,21%) |
#0c2946 |
rgb(12,41,70) |
hsl(210,71%,16%) |
#081c30 |
rgb(8,28,48) |
hsl(210,71%,11%) |
#040f1a |
rgb(4,15,26) |
hsl(210,71%,6%) |
#010304 |
rgb(1,3,4) |
hsl(210,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55E3CA |
rgb(85,227,202) |
hsl(169,72%,61%) |
#559CE2 |
rgb(85,156,226) |
hsl(210,71%,61%) |
#6C54E2 |
rgb(108,84,226) |
hsl(250,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4E6F7 |
rgb(212,230,247) |
hsl(209,69%,90%) |
#AACFF0 |
rgb(170,207,240) |
hsl(208,70%,80%) |
#7FB5E9 |
rgb(127,181,233) |
hsl(209,71%,71%) |
#559CE2 |
rgb(85,156,226) |
hsl(210,71%,61%) |
#2A82DA |
rgb(42,130,218) |
hsl(210,70%,51%) |
#1E6BB4 |
rgb(30,107,180) |
hsl(209,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#559CE2 |
rgb(85,156,226) |
hsl(210,71%,61%) |
#E25455 |
rgb(226,84,85) |
hsl(360,71%,61%) |
#E2E055 |
rgb(226,224,85) |
hsl(59,71%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#559CE2 |
rgb(85,156,226) |
hsl(210,71%,61%) |
#E29C55 |
rgb(226,156,85) |
hsl(30,71%,61%) |
#55E3E1 |
rgb(85,227,225) |
hsl(179,72%,61%) |
#E2E055 |
rgb(226,224,85) |
hsl(59,71%,61%) |