HEX #537DD2 color — Havelock Blue
The color #537DD2 is a dark shade and moderately saturated.
Palette
537DD2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(220,59%,97%) |
#dfe7f7 |
rgb(223,231,247) |
hsl(220,59%,92%) |
#cad7f1 |
rgb(202,215,241) |
hsl(220,59%,87%) |
#b6c8ec |
rgb(182,200,236) |
hsl(220,59%,82%) |
#a2b9e7 |
rgb(162,185,231) |
hsl(220,59%,77%) |
#8daae2 |
rgb(141,170,226) |
hsl(220,59%,72%) |
#799adc |
rgb(121,154,220) |
hsl(220,59%,67%) |
#658bd7 |
rgb(101,139,215) |
hsl(220,59%,62%) |
#517cd2 |
rgb(81,124,210) |
hsl(220,59%,57%) |
#3c6dcd |
rgb(60,109,205) |
hsl(220,59%,52%) |
#3160bf |
rgb(49,96,191) |
hsl(220,59%,47%) |
#2c56aa |
rgb(44,86,170) |
hsl(220,59%,42%) |
#274c96 |
rgb(39,76,150) |
hsl(220,59%,37%) |
#214282 |
rgb(33,66,130) |
hsl(220,59%,32%) |
#1c376d |
rgb(28,55,109) |
hsl(220,59%,27%) |
#172d59 |
rgb(23,45,89) |
hsl(220,59%,22%) |
#122345 |
rgb(18,35,69) |
hsl(220,59%,17%) |
#0d1931 |
rgb(13,25,49) |
hsl(220,59%,12%) |
#070e1c |
rgb(7,14,28) |
hsl(220,59%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#53D1D2 |
rgb(83,209,210) |
hsl(180,59%,57%) |
#537DD2 |
rgb(83,125,210) |
hsl(220,59%,57%) |
#7D54D2 |
rgb(125,84,210) |
hsl(260,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DB5E5 |
rgb(157,181,229) |
hsl(220,58%,76%) |
#7899DB |
rgb(120,153,219) |
hsl(220,58%,66%) |
#537DD2 |
rgb(83,125,210) |
hsl(220,59%,57%) |
#3363C3 |
rgb(51,99,195) |
hsl(220,59%,48%) |
#294F9D |
rgb(41,79,157) |
hsl(220,59%,39%) |
#1F3D78 |
rgb(31,61,120) |
hsl(220,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#537DD2 |
rgb(83,125,210) |
hsl(220,59%,57%) |
#D26953 |
rgb(210,105,83) |
hsl(10,59%,57%) |
#BCD153 |
rgb(188,209,83) |
hsl(70,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#537DD2 |
rgb(83,125,210) |
hsl(220,59%,57%) |
#D2A853 |
rgb(210,168,83) |
hsl(40,59%,57%) |
#53BDD2 |
rgb(83,189,210) |
hsl(190,59%,57%) |
#BCD153 |
rgb(188,209,83) |
hsl(70,58%,57%) |