HEX #284A5C color — Blue Dianne
The color #284a5c is a dark shade and moderately saturated.
Palette
284a5c color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f6f9 |
rgb(241,246,249) |
hsl(201,39%,96%) |
| #dfebf1 |
rgb(223,235,241) |
hsl(201,39%,91%) |
| #cddfe9 |
rgb(205,223,233) |
hsl(201,39%,86%) |
| #bcd4e1 |
rgb(188,212,225) |
hsl(201,39%,81%) |
| #aac9da |
rgb(170,201,218) |
hsl(201,39%,76%) |
| #98bed2 |
rgb(152,190,210) |
hsl(201,39%,71%) |
| #86b2ca |
rgb(134,178,202) |
hsl(201,39%,66%) |
| #75a7c2 |
rgb(117,167,194) |
hsl(201,39%,61%) |
| #639cbb |
rgb(99,156,187) |
hsl(201,39%,56%) |
| #5191b3 |
rgb(81,145,179) |
hsl(201,39%,51%) |
| #4883a3 |
rgb(72,131,163) |
hsl(201,39%,46%) |
| #407591 |
rgb(64,117,145) |
hsl(201,39%,41%) |
| #386780 |
rgb(56,103,128) |
hsl(201,39%,36%) |
| #30586e |
rgb(48,88,110) |
hsl(201,39%,31%) |
| #284a5c |
rgb(40,74,92) |
hsl(201,39%,26%) |
| #213c4a |
rgb(33,60,74) |
hsl(201,39%,21%) |
| #192e39 |
rgb(25,46,57) |
hsl(201,39%,16%) |
| #111f27 |
rgb(17,31,39) |
hsl(201,39%,11%) |
| #091115 |
rgb(9,17,21) |
hsl(201,39%,6%) |
| #020304 |
rgb(2,3,4) |
hsl(201,39%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #285C4B |
rgb(40,92,75) |
hsl(160,39%,26%) |
| #284A5C |
rgb(40,74,92) |
hsl(201,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%) |
| #284A5C |
rgb(40,74,92) |
hsl(201,39%,26%) |
| #213D4D |
rgb(33,61,77) |
hsl(202,40%,22%) |
| #1B333E |
rgb(27,51,62) |
hsl(199,39%,17%) |
| #14262F |
rgb(20,38,47) |
hsl(200,40%,13%) |
| #0E1A21 |
rgb(14,26,33) |
hsl(202,40%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #284A5C |
rgb(40,74,92) |
hsl(201,39%,26%) |
| #5C2930 |
rgb(92,41,48) |
hsl(352,38%,26%) |
| #5C5428 |
rgb(92,84,40) |
hsl(51,39%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #284A5C |
rgb(40,74,92) |
hsl(201,39%,26%) |
| #5C3B28 |
rgb(92,59,40) |
hsl(22,39%,26%) |
| #285C54 |
rgb(40,92,84) |
hsl(171,39%,26%) |
| #5C5428 |
rgb(92,84,40) |
hsl(51,39%,26%) |
