HEX #2D5A71 color — Casal
The color #2d5a71 is a dark shade and moderately saturated.
Palette
2d5a71 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f6f9 |
rgb(240,246,249) |
hsl(200,43%,96%) |
| #deebf2 |
rgb(222,235,242) |
hsl(200,43%,91%) |
| #cce0eb |
rgb(204,224,235) |
hsl(200,43%,86%) |
| #bad5e3 |
rgb(186,213,227) |
hsl(200,43%,81%) |
| #a7cbdc |
rgb(167,203,220) |
hsl(200,43%,76%) |
| #95c0d5 |
rgb(149,192,213) |
hsl(200,43%,71%) |
| #83b5ce |
rgb(131,181,206) |
hsl(200,43%,66%) |
| #71aac6 |
rgb(113,170,198) |
hsl(200,43%,61%) |
| #5f9fbf |
rgb(95,159,191) |
hsl(200,43%,56%) |
| #4c94b8 |
rgb(76,148,184) |
hsl(200,43%,51%) |
| #4386a8 |
rgb(67,134,168) |
hsl(200,43%,46%) |
| #3c7896 |
rgb(60,120,150) |
hsl(200,43%,41%) |
| #346983 |
rgb(52,105,131) |
hsl(200,43%,36%) |
| #2d5a71 |
rgb(45,90,113) |
hsl(200,43%,31%) |
| #264c5f |
rgb(38,76,95) |
hsl(200,43%,26%) |
| #1f3d4d |
rgb(31,61,77) |
hsl(200,43%,21%) |
| #172f3a |
rgb(23,47,58) |
hsl(200,43%,16%) |
| #102028 |
rgb(16,32,40) |
hsl(200,43%,11%) |
| #091116 |
rgb(9,17,22) |
hsl(200,43%,6%) |
| #010304 |
rgb(1,3,4) |
hsl(200,43%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2D705A |
rgb(45,112,90) |
hsl(160,43%,31%) |
| #2D5A71 |
rgb(45,90,113) |
hsl(200,43%,31%) |
| #2D2E71 |
rgb(45,46,113) |
hsl(239,43%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #346983 |
rgb(52,105,131) |
hsl(200,43%,36%) |
| #2D5A71 |
rgb(45,90,113) |
hsl(200,43%,31%) |
| #254D5E |
rgb(37,77,94) |
hsl(198,44%,26%) |
| #1E3D4C |
rgb(30,61,76) |
hsl(200,43%,21%) |
| #172E3A |
rgb(23,46,58) |
hsl(201,43%,16%) |
| #102128 |
rgb(16,33,40) |
hsl(198,43%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2D5A71 |
rgb(45,90,113) |
hsl(200,43%,31%) |
| #712E38 |
rgb(113,46,56) |
hsl(351,42%,31%) |
| #71662D |
rgb(113,102,45) |
hsl(50,43%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2D5A71 |
rgb(45,90,113) |
hsl(200,43%,31%) |
| #71452D |
rgb(113,69,45) |
hsl(21,43%,31%) |
| #2D7066 |
rgb(45,112,102) |
hsl(171,43%,31%) |
| #71662D |
rgb(113,102,45) |
hsl(50,43%,31%) |
