HEX #2D5C70 color — Casal
The color #2D5C70 is a dark shade and moderately saturated.
Palette
2D5C70 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f7f9 |
rgb(240,247,249) |
hsl(198,43%,96%) |
| #deecf2 |
rgb(222,236,242) |
hsl(198,43%,91%) |
| #cce1eb |
rgb(204,225,235) |
hsl(198,43%,86%) |
| #bad7e3 |
rgb(186,215,227) |
hsl(198,43%,81%) |
| #a7ccdc |
rgb(167,204,220) |
hsl(198,43%,76%) |
| #95c2d5 |
rgb(149,194,213) |
hsl(198,43%,71%) |
| #83b7ce |
rgb(131,183,206) |
hsl(198,43%,66%) |
| #71adc6 |
rgb(113,173,198) |
hsl(198,43%,61%) |
| #5fa2bf |
rgb(95,162,191) |
hsl(198,43%,56%) |
| #4c98b8 |
rgb(76,152,184) |
hsl(198,43%,51%) |
| #4389a8 |
rgb(67,137,168) |
hsl(198,43%,46%) |
| #3c7b96 |
rgb(60,123,150) |
hsl(198,43%,41%) |
| #346c83 |
rgb(52,108,131) |
hsl(198,43%,36%) |
| #2d5d71 |
rgb(45,93,113) |
hsl(198,43%,31%) |
| #264e5f |
rgb(38,78,95) |
hsl(198,43%,26%) |
| #1f3f4d |
rgb(31,63,77) |
hsl(198,43%,21%) |
| #17303a |
rgb(23,48,58) |
hsl(198,43%,16%) |
| #102128 |
rgb(16,33,40) |
hsl(198,43%,11%) |
| #091216 |
rgb(9,18,22) |
hsl(198,43%,6%) |
| #010304 |
rgb(1,3,4) |
hsl(198,43%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2D7057 |
rgb(45,112,87) |
hsl(158,43%,31%) |
| #2D5C70 |
rgb(45,92,112) |
hsl(198,43%,31%) |
| #2D3070 |
rgb(45,48,112) |
hsl(237,43%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #346B81 |
rgb(52,107,129) |
hsl(197,43%,35%) |
| #2D5C70 |
rgb(45,92,112) |
hsl(198,43%,31%) |
| #254D5E |
rgb(37,77,94) |
hsl(198,44%,26%) |
| #1E404C |
rgb(30,64,76) |
hsl(196,43%,21%) |
| #17303A |
rgb(23,48,58) |
hsl(197,43%,16%) |
| #102128 |
rgb(16,33,40) |
hsl(198,43%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2D5C70 |
rgb(45,92,112) |
hsl(198,43%,31%) |
| #702E3A |
rgb(112,46,58) |
hsl(349,42%,31%) |
| #70632D |
rgb(112,99,45) |
hsl(48,43%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2D5C70 |
rgb(45,92,112) |
hsl(198,43%,31%) |
| #70402D |
rgb(112,64,45) |
hsl(17,43%,31%) |
| #2D7062 |
rgb(45,112,98) |
hsl(167,43%,31%) |
| #70632D |
rgb(112,99,45) |
hsl(48,43%,31%) |
