HEX #284C9F color — St Tropaz
The color #284c9f is a dark shade and moderately saturated.
Palette
284c9f 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 |
#289C9F |
rgb(40,156,159) |
hsl(182,60%,39%) |
#284C9F |
rgb(40,76,159) |
hsl(222,60%,39%) |
#53299F |
rgb(83,41,159) |
hsl(261,59%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E59B8 |
rgb(46,89,184) |
hsl(221,60%,45%) |
#284C9F |
rgb(40,76,159) |
hsl(222,60%,39%) |
#214085 |
rgb(33,64,133) |
hsl(221,60%,33%) |
#1B336C |
rgb(27,51,108) |
hsl(222,60%,26%) |
#142652 |
rgb(20,38,82) |
hsl(223,61%,20%) |
#0E1C39 |
rgb(14,28,57) |
hsl(220,61%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#284C9F |
rgb(40,76,159) |
hsl(222,60%,39%) |
#9F4028 |
rgb(159,64,40) |
hsl(12,60%,39%) |
#879E28 |
rgb(135,158,40) |
hsl(72,60%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284C9F |
rgb(40,76,159) |
hsl(222,60%,39%) |
#9F7A28 |
rgb(159,122,40) |
hsl(41,60%,39%) |
#28879F |
rgb(40,135,159) |
hsl(192,60%,39%) |
#879E28 |
rgb(135,158,40) |
hsl(72,60%,39%) |