HEX #284D5A color — Blue Dianne
The color #284D5A is a dark shade and moderately saturated.
Palette
284D5A color palette from light to dark
HEX |
RGB |
HSL |
#edf5f7 |
rgb(237,245,247) |
hsl(196,38%,95%) |
#dceaef |
rgb(220,234,239) |
hsl(196,38%,90%) |
#cae0e7 |
rgb(202,224,231) |
hsl(196,38%,85%) |
#b9d5df |
rgb(185,213,223) |
hsl(196,38%,80%) |
#a7cbd7 |
rgb(167,203,215) |
hsl(196,38%,75%) |
#95c0d0 |
rgb(149,192,208) |
hsl(196,38%,70%) |
#84b6c8 |
rgb(132,182,200) |
hsl(196,38%,65%) |
#72abc0 |
rgb(114,171,192) |
hsl(196,38%,60%) |
#61a1b8 |
rgb(97,161,184) |
hsl(196,38%,55%) |
#4f96b0 |
rgb(79,150,176) |
hsl(196,38%,50%) |
#47879e |
rgb(71,135,158) |
hsl(196,38%,45%) |
#3f788d |
rgb(63,120,141) |
hsl(196,38%,40%) |
#37697b |
rgb(55,105,123) |
hsl(196,38%,35%) |
#2f5a6a |
rgb(47,90,106) |
hsl(196,38%,30%) |
#284b58 |
rgb(40,75,88) |
hsl(196,38%,25%) |
#203c46 |
rgb(32,60,70) |
hsl(196,38%,20%) |
#182d35 |
rgb(24,45,53) |
hsl(196,38%,15%) |
#101e23 |
rgb(16,30,35) |
hsl(196,38%,10%) |
#080f12 |
rgb(8,15,18) |
hsl(196,38%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#285945 |
rgb(40,89,69) |
hsl(156,38%,25%) |
#284D5A |
rgb(40,77,90) |
hsl(196,38%,25%) |
#282B5A |
rgb(40,43,90) |
hsl(236,38%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5968 |
rgb(46,89,104) |
hsl(196,39%,29%) |
#284D5A |
rgb(40,77,90) |
hsl(196,38%,25%) |
#21404B |
rgb(33,64,75) |
hsl(196,39%,21%) |
#1B363D |
rgb(27,54,61) |
hsl(192,39%,17%) |
#14292E |
rgb(20,41,46) |
hsl(192,39%,13%) |
#0E1C20 |
rgb(14,28,32) |
hsl(193,39%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#284D5A |
rgb(40,77,90) |
hsl(196,38%,25%) |
#5A2934 |
rgb(90,41,52) |
hsl(347,37%,26%) |
#5A4F28 |
rgb(90,79,40) |
hsl(47,38%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284D5A |
rgb(40,77,90) |
hsl(196,38%,25%) |
#5A3628 |
rgb(90,54,40) |
hsl(17,38%,25%) |
#28594E |
rgb(40,89,78) |
hsl(167,38%,25%) |
#5A4F28 |
rgb(90,79,40) |
hsl(47,38%,25%) |