HEX #284A5E color — San Juan
The color #284A5E is a dark shade and moderately saturated.
Palette
284A5E color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f6f9 |
rgb(241,246,249) |
hsl(202,40%,96%) |
| #dfeaf1 |
rgb(223,234,241) |
hsl(202,40%,91%) |
| #cddfea |
rgb(205,223,234) |
hsl(202,40%,86%) |
| #bbd4e2 |
rgb(187,212,226) |
hsl(202,40%,81%) |
| #a9c8da |
rgb(169,200,218) |
hsl(202,40%,76%) |
| #97bdd3 |
rgb(151,189,211) |
hsl(202,40%,71%) |
| #86b2cb |
rgb(134,178,203) |
hsl(202,40%,66%) |
| #74a6c3 |
rgb(116,166,195) |
hsl(202,40%,61%) |
| #629bbc |
rgb(98,155,188) |
hsl(202,40%,56%) |
| #508fb4 |
rgb(80,143,180) |
hsl(202,40%,51%) |
| #4682a4 |
rgb(70,130,164) |
hsl(202,40%,46%) |
| #3f7492 |
rgb(63,116,146) |
hsl(202,40%,41%) |
| #376681 |
rgb(55,102,129) |
hsl(202,40%,36%) |
| #2f576f |
rgb(47,87,111) |
hsl(202,40%,31%) |
| #28495d |
rgb(40,73,93) |
hsl(202,40%,26%) |
| #203b4b |
rgb(32,59,75) |
hsl(202,40%,21%) |
| #182d39 |
rgb(24,45,57) |
hsl(202,40%,16%) |
| #111f27 |
rgb(17,31,39) |
hsl(202,40%,11%) |
| #091115 |
rgb(9,17,21) |
hsl(202,40%,6%) |
| #020304 |
rgb(2,3,4) |
hsl(202,40%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #285E4E |
rgb(40,94,78) |
hsl(162,40%,26%) |
| #284A5E |
rgb(40,74,94) |
hsl(202,40%,26%) |
| #2A295E |
rgb(42,41,94) |
hsl(241,39%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #2E576D |
rgb(46,87,109) |
hsl(201,41%,30%) |
| #284A5E |
rgb(40,74,94) |
hsl(202,40%,26%) |
| #213D4E |
rgb(33,61,78) |
hsl(203,41%,22%) |
| #1B333F |
rgb(27,51,63) |
hsl(200,40%,18%) |
| #142630 |
rgb(20,38,48) |
hsl(201,41%,13%) |
| #0E1A21 |
rgb(14,26,33) |
hsl(202,40%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #284A5E |
rgb(40,74,94) |
hsl(202,40%,26%) |
| #5E292F |
rgb(94,41,47) |
hsl(353,39%,26%) |
| #5E5728 |
rgb(94,87,40) |
hsl(52,40%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #284A5E |
rgb(40,74,94) |
hsl(202,40%,26%) |
| #5E3D28 |
rgb(94,61,40) |
hsl(23,40%,26%) |
| #285E57 |
rgb(40,94,87) |
hsl(172,40%,26%) |
| #5E5728 |
rgb(94,87,40) |
hsl(52,40%,26%) |
