HEX #4285D2 color — Havelock Blue
The color #4285D2 is a dark shade and moderately saturated.
Palette
4285D2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,62%,99%) |
#e6eff9 |
rgb(230,239,249) |
hsl(212,62%,94%) |
#d2e2f4 |
rgb(210,226,244) |
hsl(212,62%,89%) |
#bdd5ef |
rgb(189,213,239) |
hsl(212,62%,84%) |
#a8c7eb |
rgb(168,199,235) |
hsl(212,62%,79%) |
#94bae6 |
rgb(148,186,230) |
hsl(212,62%,74%) |
#7fade1 |
rgb(127,173,225) |
hsl(212,62%,69%) |
#6a9fdc |
rgb(106,159,220) |
hsl(212,62%,64%) |
#5692d7 |
rgb(86,146,215) |
hsl(212,62%,59%) |
#4185d2 |
rgb(65,133,210) |
hsl(212,62%,54%) |
#2f78ca |
rgb(47,120,202) |
hsl(212,62%,49%) |
#2b6cb6 |
rgb(43,108,182) |
hsl(212,62%,44%) |
#265fa1 |
rgb(38,95,161) |
hsl(212,62%,39%) |
#21538c |
rgb(33,83,140) |
hsl(212,62%,34%) |
#1c4778 |
rgb(28,71,120) |
hsl(212,62%,29%) |
#173b63 |
rgb(23,59,99) |
hsl(212,62%,24%) |
#122e4e |
rgb(18,46,78) |
hsl(212,62%,19%) |
#0e223a |
rgb(14,34,58) |
hsl(212,62%,14%) |
#091625 |
rgb(9,22,37) |
hsl(212,62%,9%) |
#040a11 |
rgb(4,10,17) |
hsl(212,62%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#42D1BF |
rgb(66,209,191) |
hsl(172,61%,54%) |
#4285D2 |
rgb(66,133,210) |
hsl(212,62%,54%) |
#5F42D2 |
rgb(95,66,210) |
hsl(252,62%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89B3E2 |
rgb(137,179,226) |
hsl(212,61%,71%) |
#659CDA |
rgb(101,156,218) |
hsl(212,61%,63%) |
#4285D2 |
rgb(66,133,210) |
hsl(212,62%,54%) |
#2C70BB |
rgb(44,112,187) |
hsl(211,62%,45%) |
#245997 |
rgb(36,89,151) |
hsl(212,61%,37%) |
#1B4573 |
rgb(27,69,115) |
hsl(211,62%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#4285D2 |
rgb(66,133,210) |
hsl(212,62%,54%) |
#D24742 |
rgb(210,71,66) |
hsl(2,62%,54%) |
#CDD142 |
rgb(205,209,66) |
hsl(62,61%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4285D2 |
rgb(66,133,210) |
hsl(212,62%,54%) |
#D28F42 |
rgb(210,143,66) |
hsl(32,62%,54%) |
#42CCD2 |
rgb(66,204,210) |
hsl(183,62%,54%) |
#CDD142 |
rgb(205,209,66) |
hsl(62,61%,54%) |