HEX #4285A3 color — Steel Blue
The color #4285A3 is a dark shade and moderately saturated.
Palette
4285A3 color palette from light to dark
HEX |
RGB |
HSL |
#edf4f8 |
rgb(237,244,248) |
hsl(199,42%,95%) |
#dbe9f0 |
rgb(219,233,240) |
hsl(199,42%,90%) |
#c9dfe9 |
rgb(201,223,233) |
hsl(199,42%,85%) |
#b7d4e1 |
rgb(183,212,225) |
hsl(199,42%,80%) |
#a4c9da |
rgb(164,201,218) |
hsl(199,42%,75%) |
#92bed3 |
rgb(146,190,211) |
hsl(199,42%,70%) |
#80b3cb |
rgb(128,179,203) |
hsl(199,42%,65%) |
#6ea9c4 |
rgb(110,169,196) |
hsl(199,42%,60%) |
#5c9ebc |
rgb(92,158,188) |
hsl(199,42%,55%) |
#4a93b5 |
rgb(74,147,181) |
hsl(199,42%,50%) |
#4384a3 |
rgb(67,132,163) |
hsl(199,42%,45%) |
#3b7691 |
rgb(59,118,145) |
hsl(199,42%,40%) |
#34677f |
rgb(52,103,127) |
hsl(199,42%,35%) |
#2c586d |
rgb(44,88,109) |
hsl(199,42%,30%) |
#254a5b |
rgb(37,74,91) |
hsl(199,42%,25%) |
#1e3b48 |
rgb(30,59,72) |
hsl(199,42%,20%) |
#162c36 |
rgb(22,44,54) |
hsl(199,42%,15%) |
#0f1d24 |
rgb(15,29,36) |
hsl(199,42%,10%) |
#070f12 |
rgb(7,15,18) |
hsl(199,42%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#42A380 |
rgb(66,163,128) |
hsl(158,42%,45%) |
#4285A3 |
rgb(66,133,163) |
hsl(199,42%,45%) |
#4245A3 |
rgb(66,69,163) |
hsl(238,42%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6BA8C3 |
rgb(107,168,195) |
hsl(198,42%,59%) |
#5199B8 |
rgb(81,153,184) |
hsl(198,42%,52%) |
#4285A3 |
rgb(66,133,163) |
hsl(199,42%,45%) |
#377088 |
rgb(55,112,136) |
hsl(198,42%,37%) |
#2C596E |
rgb(44,89,110) |
hsl(199,43%,30%) |
#224554 |
rgb(34,69,84) |
hsl(198,42%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#4285A3 |
rgb(66,133,163) |
hsl(199,42%,45%) |
#A34254 |
rgb(163,66,84) |
hsl(349,42%,45%) |
#A39142 |
rgb(163,145,66) |
hsl(49,42%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4285A3 |
rgb(66,133,163) |
hsl(199,42%,45%) |
#A36142 |
rgb(163,97,66) |
hsl(19,42%,45%) |
#42A390 |
rgb(66,163,144) |
hsl(168,42%,45%) |
#A39142 |
rgb(163,145,66) |
hsl(49,42%,45%) |