HEX #284C5D color — Blue Dianne
The color #284C5D is a dark shade and moderately saturated.
Palette
284C5D color palette from light to dark
HEX |
RGB |
HSL |
#f1f6f9 |
rgb(241,246,249) |
hsl(199,40%,96%) |
#dfebf1 |
rgb(223,235,241) |
hsl(199,40%,91%) |
#cde1ea |
rgb(205,225,234) |
hsl(199,40%,86%) |
#bbd6e2 |
rgb(187,214,226) |
hsl(199,40%,81%) |
#a9cbda |
rgb(169,203,218) |
hsl(199,40%,76%) |
#97c0d3 |
rgb(151,192,211) |
hsl(199,40%,71%) |
#86b5cb |
rgb(134,181,203) |
hsl(199,40%,66%) |
#74aac3 |
rgb(116,170,195) |
hsl(199,40%,61%) |
#629fbc |
rgb(98,159,188) |
hsl(199,40%,56%) |
#5094b4 |
rgb(80,148,180) |
hsl(199,40%,51%) |
#4687a4 |
rgb(70,135,164) |
hsl(199,40%,46%) |
#3f7892 |
rgb(63,120,146) |
hsl(199,40%,41%) |
#376981 |
rgb(55,105,129) |
hsl(199,40%,36%) |
#2f5b6f |
rgb(47,91,111) |
hsl(199,40%,31%) |
#284c5d |
rgb(40,76,93) |
hsl(199,40%,26%) |
#203d4b |
rgb(32,61,75) |
hsl(199,40%,21%) |
#182f39 |
rgb(24,47,57) |
hsl(199,40%,16%) |
#112027 |
rgb(17,32,39) |
hsl(199,40%,11%) |
#091215 |
rgb(9,18,21) |
hsl(199,40%,6%) |
#020304 |
rgb(2,3,4) |
hsl(199,40%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#285C4A |
rgb(40,92,74) |
hsl(159,39%,26%) |
#284C5D |
rgb(40,76,93) |
hsl(199,40%,26%) |
#28295D |
rgb(40,41,93) |
hsl(239,40%,26%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E596B |
rgb(46,89,107) |
hsl(198,40%,30%) |
#284C5D |
rgb(40,76,93) |
hsl(199,40%,26%) |
#21404E |
rgb(33,64,78) |
hsl(199,41%,22%) |
#1B333F |
rgb(27,51,63) |
hsl(200,40%,18%) |
#142630 |
rgb(20,38,48) |
hsl(201,41%,13%) |
#0E1C21 |
rgb(14,28,33) |
hsl(196,40%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#284C5D |
rgb(40,76,93) |
hsl(199,40%,26%) |
#5D2931 |
rgb(93,41,49) |
hsl(351,39%,26%) |
#5D5428 |
rgb(93,84,40) |
hsl(50,40%,26%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284C5D |
rgb(40,76,93) |
hsl(199,40%,26%) |
#5D3828 |
rgb(93,56,40) |
hsl(18,40%,26%) |
#285C53 |
rgb(40,92,83) |
hsl(170,39%,26%) |
#5D5428 |
rgb(93,84,40) |
hsl(50,40%,26%) |