HEX #284D8C color — St Tropaz
The color #284D8C is a dark shade and moderately saturated.
Palette
284D8C color palette from light to dark
HEX |
RGB |
HSL |
#ebf0f9 |
rgb(235,240,249) |
hsl(218,56%,95%) |
#d7e2f4 |
rgb(215,226,244) |
hsl(218,56%,90%) |
#c3d3ee |
rgb(195,211,238) |
hsl(218,56%,85%) |
#afc4e9 |
rgb(175,196,233) |
hsl(218,56%,80%) |
#9cb6e3 |
rgb(156,182,227) |
hsl(218,56%,75%) |
#88a7dd |
rgb(136,167,221) |
hsl(218,56%,70%) |
#7498d8 |
rgb(116,152,216) |
hsl(218,56%,65%) |
#608ad2 |
rgb(96,138,210) |
hsl(218,56%,60%) |
#4c7bcd |
rgb(76,123,205) |
hsl(218,56%,55%) |
#386cc7 |
rgb(56,108,199) |
hsl(218,56%,50%) |
#3262b3 |
rgb(50,98,179) |
hsl(218,56%,45%) |
#2d579f |
rgb(45,87,159) |
hsl(218,56%,40%) |
#274c8b |
rgb(39,76,139) |
hsl(218,56%,35%) |
#224177 |
rgb(34,65,119) |
hsl(218,56%,30%) |
#1c3663 |
rgb(28,54,99) |
hsl(218,56%,25%) |
#162b50 |
rgb(22,43,80) |
hsl(218,56%,20%) |
#11213c |
rgb(17,33,60) |
hsl(218,56%,15%) |
#0b1628 |
rgb(11,22,40) |
hsl(218,56%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(218,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#288C88 |
rgb(40,140,136) |
hsl(178,56%,35%) |
#284D8C |
rgb(40,77,140) |
hsl(218,56%,35%) |
#45298C |
rgb(69,41,140) |
hsl(257,55%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E59A2 |
rgb(46,89,162) |
hsl(218,56%,41%) |
#284D8C |
rgb(40,77,140) |
hsl(218,56%,35%) |
#214075 |
rgb(33,64,117) |
hsl(218,56%,29%) |
#1B365F |
rgb(27,54,95) |
hsl(216,56%,24%) |
#142948 |
rgb(20,41,72) |
hsl(216,57%,18%) |
#0E1C32 |
rgb(14,28,50) |
hsl(217,56%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#284D8C |
rgb(40,77,140) |
hsl(218,56%,35%) |
#8C3628 |
rgb(140,54,40) |
hsl(8,56%,35%) |
#7F8C28 |
rgb(127,140,40) |
hsl(68,56%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284D8C |
rgb(40,77,140) |
hsl(218,56%,35%) |
#8C6628 |
rgb(140,102,40) |
hsl(37,56%,35%) |
#28808C |
rgb(40,128,140) |
hsl(187,56%,35%) |
#7F8C28 |
rgb(127,140,40) |
hsl(68,56%,35%) |