HEX #284B5C color — Blue Dianne
The color #284B5C is a dark shade and moderately saturated.
Palette
284B5C color palette from light to dark
HEX |
RGB |
HSL |
#f1f6f9 |
rgb(241,246,249) |
hsl(200,39%,96%) |
#dfebf1 |
rgb(223,235,241) |
hsl(200,39%,91%) |
#cde0e9 |
rgb(205,224,233) |
hsl(200,39%,86%) |
#bcd5e1 |
rgb(188,213,225) |
hsl(200,39%,81%) |
#aacada |
rgb(170,202,218) |
hsl(200,39%,76%) |
#98bfd2 |
rgb(152,191,210) |
hsl(200,39%,71%) |
#86b4ca |
rgb(134,180,202) |
hsl(200,39%,66%) |
#75a8c2 |
rgb(117,168,194) |
hsl(200,39%,61%) |
#639dbb |
rgb(99,157,187) |
hsl(200,39%,56%) |
#5192b3 |
rgb(81,146,179) |
hsl(200,39%,51%) |
#4885a3 |
rgb(72,133,163) |
hsl(200,39%,46%) |
#407691 |
rgb(64,118,145) |
hsl(200,39%,41%) |
#386880 |
rgb(56,104,128) |
hsl(200,39%,36%) |
#30596e |
rgb(48,89,110) |
hsl(200,39%,31%) |
#284b5c |
rgb(40,75,92) |
hsl(200,39%,26%) |
#213d4a |
rgb(33,61,74) |
hsl(200,39%,21%) |
#192e39 |
rgb(25,46,57) |
hsl(200,39%,16%) |
#112027 |
rgb(17,32,39) |
hsl(200,39%,11%) |
#091115 |
rgb(9,17,21) |
hsl(200,39%,6%) |
#020304 |
rgb(2,3,4) |
hsl(200,39%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#285C4A |
rgb(40,92,74) |
hsl(159,39%,26%) |
#284B5C |
rgb(40,75,92) |
hsl(200,39%,26%) |
#28295C |
rgb(40,41,92) |
hsl(239,39%,26%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E576A |
rgb(46,87,106) |
hsl(199,39%,30%) |
#284B5C |
rgb(40,75,92) |
hsl(200,39%,26%) |
#21404D |
rgb(33,64,77) |
hsl(198,40%,22%) |
#1B333E |
rgb(27,51,62) |
hsl(199,39%,17%) |
#14262F |
rgb(20,38,47) |
hsl(200,40%,13%) |
#0E1C21 |
rgb(14,28,33) |
hsl(196,40%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#284B5C |
rgb(40,75,92) |
hsl(200,39%,26%) |
#5C2931 |
rgb(92,41,49) |
hsl(351,38%,26%) |
#5C5428 |
rgb(92,84,40) |
hsl(51,39%,26%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284B5C |
rgb(40,75,92) |
hsl(200,39%,26%) |
#5C3828 |
rgb(92,56,40) |
hsl(18,39%,26%) |
#285C53 |
rgb(40,92,83) |
hsl(170,39%,26%) |
#5C5428 |
rgb(92,84,40) |
hsl(51,39%,26%) |