HEX #2A6171 color — Casal
The color #2A6171 is a dark shade and moderately saturated.
Palette
2A6171 color palette from light to dark
HEX |
RGB |
HSL |
#ecf5f8 |
rgb(236,245,248) |
hsl(194,46%,95%) |
#daecf1 |
rgb(218,236,241) |
hsl(194,46%,90%) |
#c7e2ea |
rgb(199,226,234) |
hsl(194,46%,85%) |
#b5d9e3 |
rgb(181,217,227) |
hsl(194,46%,80%) |
#a2cfdd |
rgb(162,207,221) |
hsl(194,46%,75%) |
#8fc5d6 |
rgb(143,197,214) |
hsl(194,46%,70%) |
#7dbccf |
rgb(125,188,207) |
hsl(194,46%,65%) |
#6ab2c8 |
rgb(106,178,200) |
hsl(194,46%,60%) |
#57a8c1 |
rgb(87,168,193) |
hsl(194,46%,55%) |
#459fba |
rgb(69,159,186) |
hsl(194,46%,50%) |
#3e8fa8 |
rgb(62,143,168) |
hsl(194,46%,45%) |
#377f95 |
rgb(55,127,149) |
hsl(194,46%,40%) |
#306f82 |
rgb(48,111,130) |
hsl(194,46%,35%) |
#295f70 |
rgb(41,95,112) |
hsl(194,46%,30%) |
#224f5d |
rgb(34,79,93) |
hsl(194,46%,25%) |
#1c404a |
rgb(28,64,74) |
hsl(194,46%,20%) |
#153038 |
rgb(21,48,56) |
hsl(194,46%,15%) |
#0e2025 |
rgb(14,32,37) |
hsl(194,46%,10%) |
#071013 |
rgb(7,16,19) |
hsl(194,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7051 |
rgb(42,112,81) |
hsl(153,45%,30%) |
#2A6171 |
rgb(42,97,113) |
hsl(194,46%,30%) |
#2A3071 |
rgb(42,48,113) |
hsl(235,46%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#307083 |
rgb(48,112,131) |
hsl(194,46%,35%) |
#2A6171 |
rgb(42,97,113) |
hsl(194,46%,30%) |
#23525E |
rgb(35,82,94) |
hsl(192,46%,25%) |
#1C424C |
rgb(28,66,76) |
hsl(193,46%,20%) |
#15333A |
rgb(21,51,58) |
hsl(191,47%,15%) |
#0F2428 |
rgb(15,36,40) |
hsl(190,45%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A6171 |
rgb(42,97,113) |
hsl(194,46%,30%) |
#71293D |
rgb(113,41,61) |
hsl(343,47%,30%) |
#715E2A |
rgb(113,94,42) |
hsl(44,46%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A6171 |
rgb(42,97,113) |
hsl(194,46%,30%) |
#713B2A |
rgb(113,59,42) |
hsl(14,46%,30%) |
#2A705D |
rgb(42,112,93) |
hsl(164,45%,30%) |
#715E2A |
rgb(113,94,42) |
hsl(44,46%,30%) |