HEX #2A6671 color — Casal
The color #2A6671 is a dark shade and moderately saturated.
Palette
2A6671 color palette from light to dark
HEX |
RGB |
HSL |
#ecf6f8 |
rgb(236,246,248) |
hsl(189,46%,95%) |
#daeef1 |
rgb(218,238,241) |
hsl(189,46%,90%) |
#c7e5ea |
rgb(199,229,234) |
hsl(189,46%,85%) |
#b5dce3 |
rgb(181,220,227) |
hsl(189,46%,80%) |
#a2d4dd |
rgb(162,212,221) |
hsl(189,46%,75%) |
#8fcbd6 |
rgb(143,203,214) |
hsl(189,46%,70%) |
#7dc2cf |
rgb(125,194,207) |
hsl(189,46%,65%) |
#6abac8 |
rgb(106,186,200) |
hsl(189,46%,60%) |
#57b1c1 |
rgb(87,177,193) |
hsl(189,46%,55%) |
#45a9ba |
rgb(69,169,186) |
hsl(189,46%,50%) |
#3e98a8 |
rgb(62,152,168) |
hsl(189,46%,45%) |
#378795 |
rgb(55,135,149) |
hsl(189,46%,40%) |
#307682 |
rgb(48,118,130) |
hsl(189,46%,35%) |
#296570 |
rgb(41,101,112) |
hsl(189,46%,30%) |
#22545d |
rgb(34,84,93) |
hsl(189,46%,25%) |
#1c434a |
rgb(28,67,74) |
hsl(189,46%,20%) |
#153338 |
rgb(21,51,56) |
hsl(189,46%,15%) |
#0e2225 |
rgb(14,34,37) |
hsl(189,46%,10%) |
#071113 |
rgb(7,17,19) |
hsl(189,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A704C |
rgb(42,112,76) |
hsl(149,45%,30%) |
#2A6671 |
rgb(42,102,113) |
hsl(189,46%,30%) |
#2A3671 |
rgb(42,54,113) |
hsl(230,46%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#307583 |
rgb(48,117,131) |
hsl(190,46%,35%) |
#2A6671 |
rgb(42,102,113) |
hsl(189,46%,30%) |
#23575E |
rgb(35,87,94) |
hsl(187,46%,25%) |
#1C454C |
rgb(28,69,76) |
hsl(189,46%,20%) |
#15363A |
rgb(21,54,58) |
hsl(186,47%,15%) |
#0F2428 |
rgb(15,36,40) |
hsl(190,45%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A6671 |
rgb(42,102,113) |
hsl(189,46%,30%) |
#712942 |
rgb(113,41,66) |
hsl(339,47%,30%) |
#71592A |
rgb(113,89,42) |
hsl(40,46%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A6671 |
rgb(42,102,113) |
hsl(189,46%,30%) |
#71362A |
rgb(113,54,42) |
hsl(10,46%,30%) |
#2A7058 |
rgb(42,112,88) |
hsl(159,45%,30%) |
#71592A |
rgb(113,89,42) |
hsl(40,46%,30%) |