HEX #45A3DC color — Havelock Blue
The color #45A3DC is a light shade and moderately saturated.
Palette
45A3DC color palette from light to dark
HEX |
RGB |
HSL |
#f2f9fd |
rgb(242,249,253) |
hsl(203,68%,97%) |
#ddeef8 |
rgb(221,238,248) |
hsl(203,68%,92%) |
#c7e3f4 |
rgb(199,227,244) |
hsl(203,68%,87%) |
#b2d8f0 |
rgb(178,216,240) |
hsl(203,68%,82%) |
#9cceec |
rgb(156,206,236) |
hsl(203,68%,77%) |
#87c3e8 |
rgb(135,195,232) |
hsl(203,68%,72%) |
#72b8e4 |
rgb(114,184,228) |
hsl(203,68%,67%) |
#5cade0 |
rgb(92,173,224) |
hsl(203,68%,62%) |
#47a3dc |
rgb(71,163,220) |
hsl(203,68%,57%) |
#3198d8 |
rgb(49,152,216) |
hsl(203,68%,52%) |
#268bc9 |
rgb(38,139,201) |
hsl(203,68%,47%) |
#227cb4 |
rgb(34,124,180) |
hsl(203,68%,42%) |
#1e6d9f |
rgb(30,109,159) |
hsl(203,68%,37%) |
#1a5f89 |
rgb(26,95,137) |
hsl(203,68%,32%) |
#165074 |
rgb(22,80,116) |
hsl(203,68%,27%) |
#12415e |
rgb(18,65,94) |
hsl(203,68%,22%) |
#0e3249 |
rgb(14,50,73) |
hsl(203,68%,17%) |
#0a2333 |
rgb(10,35,51) |
hsl(203,68%,12%) |
#06151e |
rgb(6,21,30) |
hsl(203,68%,7%) |
#020609 |
rgb(2,6,9) |
hsl(203,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#45DBB0 |
rgb(69,219,176) |
hsl(163,68%,56%) |
#45A3DC |
rgb(69,163,220) |
hsl(203,68%,57%) |
#4B45DC |
rgb(75,69,220) |
hsl(242,68%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92C9EA |
rgb(146,201,234) |
hsl(203,68%,75%) |
#6BB5E3 |
rgb(107,181,227) |
hsl(203,68%,65%) |
#45A3DC |
rgb(69,163,220) |
hsl(203,68%,57%) |
#268FCC |
rgb(38,143,204) |
hsl(202,69%,47%) |
#1F73A5 |
rgb(31,115,165) |
hsl(202,68%,38%) |
#17577E |
rgb(23,87,126) |
hsl(203,69%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#45A3DC |
rgb(69,163,220) |
hsl(203,68%,57%) |
#DC4557 |
rgb(220,69,87) |
hsl(353,68%,57%) |
#DCC945 |
rgb(220,201,69) |
hsl(52,68%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#45A3DC |
rgb(69,163,220) |
hsl(203,68%,57%) |
#DC7D45 |
rgb(220,125,69) |
hsl(22,68%,57%) |
#45DBC9 |
rgb(69,219,201) |
hsl(173,68%,56%) |
#DCC945 |
rgb(220,201,69) |
hsl(52,68%,57%) |