HEX #5689E1 color — Havelock Blue
The color #5689e1 is a light shade and moderately saturated.
Palette
5689e1 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(218,70%,96%) |
#d8e4f8 |
rgb(216,228,248) |
hsl(218,70%,91%) |
#c2d5f4 |
rgb(194,213,244) |
hsl(218,70%,86%) |
#adc6f0 |
rgb(173,198,240) |
hsl(218,70%,81%) |
#97b6ed |
rgb(151,182,237) |
hsl(218,70%,76%) |
#81a7e9 |
rgb(129,167,233) |
hsl(218,70%,71%) |
#6c98e5 |
rgb(108,152,229) |
hsl(218,70%,66%) |
#5689e1 |
rgb(86,137,225) |
hsl(218,70%,61%) |
#407add |
rgb(64,122,221) |
hsl(218,70%,56%) |
#2b6bda |
rgb(43,107,218) |
hsl(218,70%,51%) |
#235fc7 |
rgb(35,95,199) |
hsl(218,70%,46%) |
#1f55b2 |
rgb(31,85,178) |
hsl(218,70%,41%) |
#1c4b9c |
rgb(28,75,156) |
hsl(218,70%,36%) |
#184086 |
rgb(24,64,134) |
hsl(218,70%,31%) |
#143671 |
rgb(20,54,113) |
hsl(218,70%,26%) |
#102c5b |
rgb(16,44,91) |
hsl(218,70%,21%) |
#0c2145 |
rgb(12,33,69) |
hsl(218,70%,16%) |
#081730 |
rgb(8,23,48) |
hsl(218,70%,11%) |
#050c1a |
rgb(5,12,26) |
hsl(218,70%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E0DC |
rgb(86,224,220) |
hsl(178,69%,61%) |
#5689E1 |
rgb(86,137,225) |
hsl(218,70%,61%) |
#7F57E1 |
rgb(127,87,225) |
hsl(257,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4E0F7 |
rgb(212,224,247) |
hsl(219,69%,90%) |
#AAC4F0 |
rgb(170,196,240) |
hsl(218,70%,80%) |
#80A6E8 |
rgb(128,166,232) |
hsl(218,69%,71%) |
#5689E1 |
rgb(86,137,225) |
hsl(218,70%,61%) |
#2B6BD9 |
rgb(43,107,217) |
hsl(218,70%,51%) |
#1F57B3 |
rgb(31,87,179) |
hsl(217,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5689E1 |
rgb(86,137,225) |
hsl(218,70%,61%) |
#E16956 |
rgb(225,105,86) |
hsl(8,70%,61%) |
#CEE056 |
rgb(206,224,86) |
hsl(68,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5689E1 |
rgb(86,137,225) |
hsl(218,70%,61%) |
#E1AD56 |
rgb(225,173,86) |
hsl(38,70%,61%) |
#56CFE1 |
rgb(86,207,225) |
hsl(188,70%,61%) |
#CEE056 |
rgb(206,224,86) |
hsl(68,69%,61%) |