HEX #549CE1 color — Havelock Blue
The color #549CE1 is a light shade and moderately saturated.
Palette
549CE1 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fc |
rgb(238,245,252) |
hsl(209,70%,96%) |
#d8e9f8 |
rgb(216,233,248) |
hsl(209,70%,91%) |
#c2dcf4 |
rgb(194,220,244) |
hsl(209,70%,86%) |
#add0f0 |
rgb(173,208,240) |
hsl(209,70%,81%) |
#97c3ed |
rgb(151,195,237) |
hsl(209,70%,76%) |
#81b7e9 |
rgb(129,183,233) |
hsl(209,70%,71%) |
#6caae5 |
rgb(108,170,229) |
hsl(209,70%,66%) |
#569ee1 |
rgb(86,158,225) |
hsl(209,70%,61%) |
#4091dd |
rgb(64,145,221) |
hsl(209,70%,56%) |
#2b85da |
rgb(43,133,218) |
hsl(209,70%,51%) |
#2378c7 |
rgb(35,120,199) |
hsl(209,70%,46%) |
#1f6bb2 |
rgb(31,107,178) |
hsl(209,70%,41%) |
#1c5e9c |
rgb(28,94,156) |
hsl(209,70%,36%) |
#185186 |
rgb(24,81,134) |
hsl(209,70%,31%) |
#144471 |
rgb(20,68,113) |
hsl(209,70%,26%) |
#10375b |
rgb(16,55,91) |
hsl(209,70%,21%) |
#0c2a45 |
rgb(12,42,69) |
hsl(209,70%,16%) |
#081d30 |
rgb(8,29,48) |
hsl(209,70%,11%) |
#05101a |
rgb(5,16,26) |
hsl(209,70%,6%) |
#010304 |
rgb(1,3,4) |
hsl(209,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#54E0C8 |
rgb(84,224,200) |
hsl(170,69%,60%) |
#549CE1 |
rgb(84,156,225) |
hsl(209,70%,61%) |
#6A54E1 |
rgb(106,84,225) |
hsl(249,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D2E6F7 |
rgb(210,230,247) |
hsl(208,70%,90%) |
#A8CCEF |
rgb(168,204,239) |
hsl(210,69%,80%) |
#7EB5E8 |
rgb(126,181,232) |
hsl(209,70%,70%) |
#549CE1 |
rgb(84,156,225) |
hsl(209,70%,61%) |
#2985D9 |
rgb(41,133,217) |
hsl(209,70%,51%) |
#1F6BB2 |
rgb(31,107,178) |
hsl(209,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#549CE1 |
rgb(84,156,225) |
hsl(209,70%,61%) |
#E15455 |
rgb(225,84,85) |
hsl(360,70%,61%) |
#E1E054 |
rgb(225,224,84) |
hsl(60,70%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#549CE1 |
rgb(84,156,225) |
hsl(209,70%,61%) |
#E19954 |
rgb(225,153,84) |
hsl(29,70%,61%) |
#54E0DF |
rgb(84,224,223) |
hsl(180,69%,60%) |
#E1E054 |
rgb(225,224,84) |
hsl(60,70%,61%) |