HEX #2A5E71 color — Casal
The color #2A5E71 is a dark shade and moderately saturated.
Palette
2A5E71 color palette from light to dark
HEX |
RGB |
HSL |
#ecf5f8 |
rgb(236,245,248) |
hsl(196,46%,95%) |
#daebf1 |
rgb(218,235,241) |
hsl(196,46%,90%) |
#c7e1ea |
rgb(199,225,234) |
hsl(196,46%,85%) |
#b5d7e3 |
rgb(181,215,227) |
hsl(196,46%,80%) |
#a2cddd |
rgb(162,205,221) |
hsl(196,46%,75%) |
#8fc3d6 |
rgb(143,195,214) |
hsl(196,46%,70%) |
#7db9cf |
rgb(125,185,207) |
hsl(196,46%,65%) |
#6aafc8 |
rgb(106,175,200) |
hsl(196,46%,60%) |
#57a5c1 |
rgb(87,165,193) |
hsl(196,46%,55%) |
#459bba |
rgb(69,155,186) |
hsl(196,46%,50%) |
#3e8ba8 |
rgb(62,139,168) |
hsl(196,46%,45%) |
#377c95 |
rgb(55,124,149) |
hsl(196,46%,40%) |
#306c82 |
rgb(48,108,130) |
hsl(196,46%,35%) |
#295d70 |
rgb(41,93,112) |
hsl(196,46%,30%) |
#224d5d |
rgb(34,77,93) |
hsl(196,46%,25%) |
#1c3e4a |
rgb(28,62,74) |
hsl(196,46%,20%) |
#152e38 |
rgb(21,46,56) |
hsl(196,46%,15%) |
#0e1f25 |
rgb(14,31,37) |
hsl(196,46%,10%) |
#070f13 |
rgb(7,15,19) |
hsl(196,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7054 |
rgb(42,112,84) |
hsl(156,45%,30%) |
#2A5E71 |
rgb(42,94,113) |
hsl(196,46%,30%) |
#2A2E71 |
rgb(42,46,113) |
hsl(237,46%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306E83 |
rgb(48,110,131) |
hsl(195,46%,35%) |
#2A5E71 |
rgb(42,94,113) |
hsl(196,46%,30%) |
#234F5E |
rgb(35,79,94) |
hsl(195,46%,25%) |
#1C404C |
rgb(28,64,76) |
hsl(195,46%,20%) |
#15303A |
rgb(21,48,58) |
hsl(196,47%,15%) |
#0F2128 |
rgb(15,33,40) |
hsl(197,45%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5E71 |
rgb(42,94,113) |
hsl(196,46%,30%) |
#71293A |
rgb(113,41,58) |
hsl(346,47%,30%) |
#71612A |
rgb(113,97,42) |
hsl(46,46%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5E71 |
rgb(42,94,113) |
hsl(196,46%,30%) |
#713D2A |
rgb(113,61,42) |
hsl(16,46%,30%) |
#2A7060 |
rgb(42,112,96) |
hsl(166,45%,30%) |
#71612A |
rgb(113,97,42) |
hsl(46,46%,30%) |