HEX #4285A5 color — Steel Blue
The color #4285A5 is a dark shade and moderately saturated.
Palette
4285A5 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 |
| #42A683 |
rgb(66,166,131) |
hsl(159,43%,45%) |
| #4285A5 |
rgb(66,133,165) |
hsl(199,43%,45%) |
| #4242A5 |
rgb(66,66,165) |
hsl(240,43%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6CA8C4 |
rgb(108,168,196) |
hsl(199,43%,60%) |
| #5299B9 |
rgb(82,153,185) |
hsl(199,42%,52%) |
| #4285A5 |
rgb(66,133,165) |
hsl(199,43%,45%) |
| #37708A |
rgb(55,112,138) |
hsl(199,43%,38%) |
| #2C5970 |
rgb(44,89,112) |
hsl(200,44%,31%) |
| #224555 |
rgb(34,69,85) |
hsl(199,43%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #4285A5 |
rgb(66,133,165) |
hsl(199,43%,45%) |
| #A54253 |
rgb(165,66,83) |
hsl(350,43%,45%) |
| #A59442 |
rgb(165,148,66) |
hsl(50,43%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #4285A5 |
rgb(66,133,165) |
hsl(199,43%,45%) |
| #A56142 |
rgb(165,97,66) |
hsl(19,43%,45%) |
| #42A693 |
rgb(66,166,147) |
hsl(169,43%,45%) |
| #A59442 |
rgb(165,148,66) |
hsl(50,43%,45%) |
