HEX #284DA4 color — St Tropaz
The color #284da4 is a dark shade and moderately saturated.
Palette
284da4 color palette from light to dark
HEX |
RGB |
HSL |
#eaeffa |
rgb(234,239,250) |
hsl(222,61%,95%) |
#d6dff5 |
rgb(214,223,245) |
hsl(222,61%,90%) |
#c1cff0 |
rgb(193,207,240) |
hsl(222,61%,85%) |
#adc0eb |
rgb(173,192,235) |
hsl(222,61%,80%) |
#98b0e6 |
rgb(152,176,230) |
hsl(222,61%,75%) |
#84a0e1 |
rgb(132,160,225) |
hsl(222,61%,70%) |
#6f90dc |
rgb(111,144,220) |
hsl(222,61%,65%) |
#5b80d7 |
rgb(91,128,215) |
hsl(222,61%,60%) |
#4670d2 |
rgb(70,112,210) |
hsl(222,61%,55%) |
#3260cd |
rgb(50,96,205) |
hsl(222,61%,50%) |
#2d57b9 |
rgb(45,87,185) |
hsl(222,61%,45%) |
#284da4 |
rgb(40,77,164) |
hsl(222,61%,40%) |
#234390 |
rgb(35,67,144) |
hsl(222,61%,35%) |
#1e3a7b |
rgb(30,58,123) |
hsl(222,61%,30%) |
#193067 |
rgb(25,48,103) |
hsl(222,61%,25%) |
#142752 |
rgb(20,39,82) |
hsl(222,61%,20%) |
#0f1d3e |
rgb(15,29,62) |
hsl(222,61%,15%) |
#0a1329 |
rgb(10,19,41) |
hsl(222,61%,10%) |
#050a15 |
rgb(5,10,21) |
hsl(222,61%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#28A1A4 |
rgb(40,161,164) |
hsl(181,61%,40%) |
#284DA4 |
rgb(40,77,164) |
hsl(222,61%,40%) |
#5529A4 |
rgb(85,41,164) |
hsl(261,60%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3D69CF |
rgb(61,105,207) |
hsl(222,60%,53%) |
#2E59BE |
rgb(46,89,190) |
hsl(222,61%,46%) |
#284DA4 |
rgb(40,77,164) |
hsl(222,61%,40%) |
#214089 |
rgb(33,64,137) |
hsl(222,61%,33%) |
#1B366F |
rgb(27,54,111) |
hsl(221,61%,27%) |
#142955 |
rgb(20,41,85) |
hsl(221,62%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#284DA4 |
rgb(40,77,164) |
hsl(222,61%,40%) |
#A44028 |
rgb(164,64,40) |
hsl(12,61%,40%) |
#8BA328 |
rgb(139,163,40) |
hsl(72,61%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284DA4 |
rgb(40,77,164) |
hsl(222,61%,40%) |
#A48028 |
rgb(164,128,40) |
hsl(43,61%,40%) |
#288CA4 |
rgb(40,140,164) |
hsl(192,61%,40%) |
#8BA328 |
rgb(139,163,40) |
hsl(72,61%,40%) |