HEX #4285A4 color — Steel Blue
The color #4285A4 is a dark shade and moderately saturated.
Palette
4285A4 color palette from light to dark
| HEX |
RGB |
HSL |
| #edf4f8 |
rgb(237,244,248) |
hsl(199,43%,95%) |
| #dbeaf0 |
rgb(219,234,240) |
hsl(199,43%,90%) |
| #c8dfe9 |
rgb(200,223,233) |
hsl(199,43%,85%) |
| #b6d4e2 |
rgb(182,212,226) |
hsl(199,43%,80%) |
| #a4c9db |
rgb(164,201,219) |
hsl(199,43%,75%) |
| #92bfd3 |
rgb(146,191,211) |
hsl(199,43%,70%) |
| #7fb4cc |
rgb(127,180,204) |
hsl(199,43%,65%) |
| #6da9c5 |
rgb(109,169,197) |
hsl(199,43%,60%) |
| #5b9ebe |
rgb(91,158,190) |
hsl(199,43%,55%) |
| #4994b6 |
rgb(73,148,182) |
hsl(199,43%,50%) |
| #4185a4 |
rgb(65,133,164) |
hsl(199,43%,45%) |
| #3a7692 |
rgb(58,118,146) |
hsl(199,43%,40%) |
| #336780 |
rgb(51,103,128) |
hsl(199,43%,35%) |
| #2c596d |
rgb(44,89,109) |
hsl(199,43%,30%) |
| #244a5b |
rgb(36,74,91) |
hsl(199,43%,25%) |
| #1d3b49 |
rgb(29,59,73) |
hsl(199,43%,20%) |
| #162c37 |
rgb(22,44,55) |
hsl(199,43%,15%) |
| #0f1e24 |
rgb(15,30,36) |
hsl(199,43%,10%) |
| #070f12 |
rgb(7,15,18) |
hsl(199,43%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #42A381 |
rgb(66,163,129) |
hsl(159,42%,45%) |
| #4285A4 |
rgb(66,133,164) |
hsl(199,43%,45%) |
| #4245A4 |
rgb(66,69,164) |
hsl(238,43%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6BA8C3 |
rgb(107,168,195) |
hsl(198,42%,59%) |
| #5199B9 |
rgb(81,153,185) |
hsl(198,43%,52%) |
| #4285A4 |
rgb(66,133,164) |
hsl(199,43%,45%) |
| #377089 |
rgb(55,112,137) |
hsl(198,43%,38%) |
| #2C596F |
rgb(44,89,111) |
hsl(200,43%,30%) |
| #224555 |
rgb(34,69,85) |
hsl(199,43%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #4285A4 |
rgb(66,133,164) |
hsl(199,43%,45%) |
| #A44254 |
rgb(164,66,84) |
hsl(349,43%,45%) |
| #A49142 |
rgb(164,145,66) |
hsl(48,43%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #4285A4 |
rgb(66,133,164) |
hsl(199,43%,45%) |
| #A46142 |
rgb(164,97,66) |
hsl(19,43%,45%) |
| #42A392 |
rgb(66,163,146) |
hsl(169,42%,45%) |
| #A49142 |
rgb(164,145,66) |
hsl(48,43%,45%) |
