HEX #284A5A color — Blue Dianne
The color #284A5A is a dark shade and moderately saturated.
Palette
284A5A color palette from light to dark
HEX |
RGB |
HSL |
#edf4f7 |
rgb(237,244,247) |
hsl(199,38%,95%) |
#dce9ef |
rgb(220,233,239) |
hsl(199,38%,90%) |
#cadee7 |
rgb(202,222,231) |
hsl(199,38%,85%) |
#b9d3df |
rgb(185,211,223) |
hsl(199,38%,80%) |
#a7c8d7 |
rgb(167,200,215) |
hsl(199,38%,75%) |
#95bdd0 |
rgb(149,189,208) |
hsl(199,38%,70%) |
#84b2c8 |
rgb(132,178,200) |
hsl(199,38%,65%) |
#72a7c0 |
rgb(114,167,192) |
hsl(199,38%,60%) |
#619cb8 |
rgb(97,156,184) |
hsl(199,38%,55%) |
#4f91b0 |
rgb(79,145,176) |
hsl(199,38%,50%) |
#47839e |
rgb(71,131,158) |
hsl(199,38%,45%) |
#3f748d |
rgb(63,116,141) |
hsl(199,38%,40%) |
#37667b |
rgb(55,102,123) |
hsl(199,38%,35%) |
#2f576a |
rgb(47,87,106) |
hsl(199,38%,30%) |
#284958 |
rgb(40,73,88) |
hsl(199,38%,25%) |
#203a46 |
rgb(32,58,70) |
hsl(199,38%,20%) |
#182c35 |
rgb(24,44,53) |
hsl(199,38%,15%) |
#101d23 |
rgb(16,29,35) |
hsl(199,38%,10%) |
#080f12 |
rgb(8,15,18) |
hsl(199,38%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#285948 |
rgb(40,89,72) |
hsl(159,38%,25%) |
#284A5A |
rgb(40,74,90) |
hsl(199,38%,25%) |
#28295A |
rgb(40,41,90) |
hsl(239,38%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5768 |
rgb(46,87,104) |
hsl(198,39%,29%) |
#284A5A |
rgb(40,74,90) |
hsl(199,38%,25%) |
#213D4B |
rgb(33,61,75) |
hsl(200,39%,21%) |
#1B333D |
rgb(27,51,61) |
hsl(198,39%,17%) |
#14262E |
rgb(20,38,46) |
hsl(198,39%,13%) |
#0E1A20 |
rgb(14,26,32) |
hsl(200,39%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#284A5A |
rgb(40,74,90) |
hsl(199,38%,25%) |
#5A2931 |
rgb(90,41,49) |
hsl(350,37%,26%) |
#5A5228 |
rgb(90,82,40) |
hsl(50,38%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284A5A |
rgb(40,74,90) |
hsl(199,38%,25%) |
#5A3828 |
rgb(90,56,40) |
hsl(19,38%,25%) |
#285951 |
rgb(40,89,81) |
hsl(170,38%,25%) |
#5A5228 |
rgb(90,82,40) |
hsl(50,38%,25%) |