HEX #284DA0 color — St Tropaz
The color #284DA0 is a dark shade and moderately saturated.
Palette
284DA0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,60%,99%) |
#e7ecf9 |
rgb(231,236,249) |
hsl(222,60%,94%) |
#d2dcf4 |
rgb(210,220,244) |
hsl(222,60%,89%) |
#beccef |
rgb(190,204,239) |
hsl(222,60%,84%) |
#a9bdea |
rgb(169,189,234) |
hsl(222,60%,79%) |
#95ade4 |
rgb(149,173,228) |
hsl(222,60%,74%) |
#819ddf |
rgb(129,157,223) |
hsl(222,60%,69%) |
#6c8dda |
rgb(108,141,218) |
hsl(222,60%,64%) |
#587dd5 |
rgb(88,125,213) |
hsl(222,60%,59%) |
#436ed0 |
rgb(67,110,208) |
hsl(222,60%,54%) |
#325fc8 |
rgb(50,95,200) |
hsl(222,60%,49%) |
#2d55b4 |
rgb(45,85,180) |
hsl(222,60%,44%) |
#284c9f |
rgb(40,76,159) |
hsl(222,60%,39%) |
#23428b |
rgb(35,66,139) |
hsl(222,60%,34%) |
#1e3876 |
rgb(30,56,118) |
hsl(222,60%,29%) |
#182f62 |
rgb(24,47,98) |
hsl(222,60%,24%) |
#13254e |
rgb(19,37,78) |
hsl(222,60%,19%) |
#0e1b39 |
rgb(14,27,57) |
hsl(222,60%,14%) |
#091125 |
rgb(9,17,37) |
hsl(222,60%,9%) |
#040810 |
rgb(4,8,16) |
hsl(222,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#289EA0 |
rgb(40,158,160) |
hsl(181,60%,39%) |
#284DA0 |
rgb(40,77,160) |
hsl(222,60%,39%) |
#5329A0 |
rgb(83,41,160) |
hsl(261,59%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E59B9 |
rgb(46,89,185) |
hsl(221,60%,45%) |
#284DA0 |
rgb(40,77,160) |
hsl(222,60%,39%) |
#214086 |
rgb(33,64,134) |
hsl(222,60%,33%) |
#1B366C |
rgb(27,54,108) |
hsl(220,60%,26%) |
#142953 |
rgb(20,41,83) |
hsl(220,61%,20%) |
#0E1C39 |
rgb(14,28,57) |
hsl(220,61%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#284DA0 |
rgb(40,77,160) |
hsl(222,60%,39%) |
#A04028 |
rgb(160,64,40) |
hsl(12,60%,39%) |
#89A128 |
rgb(137,161,40) |
hsl(72,60%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284DA0 |
rgb(40,77,160) |
hsl(222,60%,39%) |
#A07A28 |
rgb(160,122,40) |
hsl(41,60%,39%) |
#288AA0 |
rgb(40,138,160) |
hsl(191,60%,39%) |
#89A128 |
rgb(137,161,40) |
hsl(72,60%,39%) |