HEX #306E5D color — Casal
The color #306e5d is a dark shade and moderately saturated.
Palette
306e5d color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f9f7 |
rgb(241,249,247) |
hsl(164,39%,96%) |
| #dff1ec |
rgb(223,241,236) |
hsl(164,39%,91%) |
| #cde9e2 |
rgb(205,233,226) |
hsl(164,39%,86%) |
| #bce1d7 |
rgb(188,225,215) |
hsl(164,39%,81%) |
| #aadacd |
rgb(170,218,205) |
hsl(164,39%,76%) |
| #98d2c3 |
rgb(152,210,195) |
hsl(164,39%,71%) |
| #86cab8 |
rgb(134,202,184) |
hsl(164,39%,66%) |
| #75c2ae |
rgb(117,194,174) |
hsl(164,39%,61%) |
| #63bba3 |
rgb(99,187,163) |
hsl(164,39%,56%) |
| #51b399 |
rgb(81,179,153) |
hsl(164,39%,51%) |
| #48a38b |
rgb(72,163,139) |
hsl(164,39%,46%) |
| #40917c |
rgb(64,145,124) |
hsl(164,39%,41%) |
| #38806d |
rgb(56,128,109) |
hsl(164,39%,36%) |
| #306e5d |
rgb(48,110,93) |
hsl(164,39%,31%) |
| #285c4e |
rgb(40,92,78) |
hsl(164,39%,26%) |
| #214a3f |
rgb(33,74,63) |
hsl(164,39%,21%) |
| #193930 |
rgb(25,57,48) |
hsl(164,39%,16%) |
| #112721 |
rgb(17,39,33) |
hsl(164,39%,11%) |
| #091512 |
rgb(9,21,18) |
hsl(164,39%,6%) |
| #020403 |
rgb(2,4,3) |
hsl(164,39%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306E33 |
rgb(48,110,51) |
hsl(123,39%,31%) |
| #306E5D |
rgb(48,110,93) |
hsl(164,39%,31%) |
| #30576E |
rgb(48,87,110) |
hsl(202,39%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #37806B |
rgb(55,128,107) |
hsl(163,40%,36%) |
| #306E5D |
rgb(48,110,93) |
hsl(164,39%,31%) |
| #285C4E |
rgb(40,92,78) |
hsl(164,39%,26%) |
| #204A3F |
rgb(32,74,63) |
hsl(164,40%,21%) |
| #183830 |
rgb(24,56,48) |
hsl(165,40%,16%) |
| #112921 |
rgb(17,41,33) |
hsl(160,41%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306E5D |
rgb(48,110,93) |
hsl(164,39%,31%) |
| #6E3060 |
rgb(110,48,96) |
hsl(314,39%,31%) |
| #6E3D30 |
rgb(110,61,48) |
hsl(13,39%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306E5D |
rgb(48,110,93) |
hsl(164,39%,31%) |
| #6E3041 |
rgb(110,48,65) |
hsl(344,39%,31%) |
| #306E3E |
rgb(48,110,62) |
hsl(134,39%,31%) |
| #6E3D30 |
rgb(110,61,48) |
hsl(13,39%,31%) |
