#2a5649 hex color

In a RGB color space, hex #2a5649 is composed of 16.5% red, 33.7% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 0% magenta, 15.1% yellow and 66.3% black. It has a hue angle of 162.3 degrees, a saturation of 34.4% and a lightness of 25.1%. #2a5649 color hex could be obtained by blending #54ac92 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 34
- B 29
RGB color chart
- C 51
- M 0
- Y 15
- K 66
CMYK color chart

● #2a5649 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2a5649 has RGB values of R:42, G:86, B:73 and CMYK values of C:0.51, M:0, Y:0.15, K:0.66. Its decimal value is 2774601.

Hex triplet	2a5649	`#2a5649`
RGB Decimal	42, 86, 73	`rgb(42,86,73)`
RGB Percent	16.5, 33.7, 28.6	`rgb(16.5%,33.7%,28.6%)`
CMYK	51, 0, 15, 66
HSL	162.3°, 34.4, 25.1	`hsl(162.3,34.4%,25.1%)`
HSV (or HSB)	162.3°, 51.2, 33.7
Web Safe	336633	`#336633`

CIE-LAB	33.197, -18.839, 2.888
XYZ	5.485, 7.628, 7.486
xyY	0.266, 0.37, 7.628
CIE-LCH	33.197, 19.059, 171.285
CIE-LUV	33.197, -18.876, 5.998
Hunter-Lab	27.62, -12.887, 3.263
Binary	00101010, 01010110, 01001001

#2a5649
```
#2a5649 rgb(42,86,73)
```
#562a37
```
#562a37 rgb(86,42,55)
```

Complementary Color

#2a5633
```
#2a5633 rgb(42,86,51)
```
#2a5649
```
#2a5649 rgb(42,86,73)
```
#2a4d56
```
#2a4d56 rgb(42,77,86)
```

Analogous Color

#56332a
```
#56332a rgb(86,51,42)
```
#2a5649
```
#2a5649 rgb(42,86,73)
```
#562a4d
```
#562a4d rgb(86,42,77)
```

Split Complementary Color

#56492a
```
#56492a rgb(86,73,42)
```
#2a5649
```
#2a5649 rgb(42,86,73)
```
#492a56
```
#492a56 rgb(73,42,86)
```

Triadic Color

#37562a
```
#37562a rgb(55,86,42)
```
#2a5649
```
#2a5649 rgb(42,86,73)
```
#492a56
```
#492a56 rgb(73,42,86)
```
#562a37
```
#562a37 rgb(86,42,55)
```

Tetradic Color

#11231d
```
#11231d rgb(17,35,29)
```
#19342c
```
#19342c rgb(25,52,44)
```
#22453a
```
#22453a rgb(34,69,58)
```
#2a5649
```
#2a5649 rgb(42,86,73)
```
#326758
```
#326758 rgb(50,103,88)
```
#3b7866
```
#3b7866 rgb(59,120,102)
```
#438975
```
#438975 rgb(67,137,117)
```

Monochromatic Color

Below, you can see some colors close to #2a5649. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2a563e
```
#2a563e rgb(42,86,62)
```
#2a5642
```
#2a5642 rgb(42,86,66)
```
#2a5645
```
#2a5645 rgb(42,86,69)
```
#2a5649
```
#2a5649 rgb(42,86,73)
```
#2a564d
```
#2a564d rgb(42,86,77)
```
#2a5650
```
#2a5650 rgb(42,86,80)
```
#2a5654
```
#2a5654 rgb(42,86,84)
```

Similar Colors

Text with hexadecimal color #2a5649

This text has a font color of #2a5649.

<span style="color:#2a5649;">Text here</span>

#2a5649 background color

This paragraph has a background color of #2a5649.

<p style="background-color:#2a5649;">Content here</p>

#2a5649 border color

This element has a border color of #2a5649.

<div style="border:1px solid #2a5649;">Content here</div>

CSS codes

.text {color:#2a5649;}

.background {background-color:#2a5649;}

.border {border:1px solid #2a5649;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030706 is the darkest color, while #f9fcfb is the lightest one.

#030706
```
#030706 rgb(3,7,6)
```
#0a1411
```
#0a1411 rgb(10,20,17)
```
#10211c
```
#10211c rgb(16,33,28)
```
#172e27
```
#172e27 rgb(23,46,39)
```
#1d3c33
```
#1d3c33 rgb(29,60,51)
```
#24493e
```
#24493e rgb(36,73,62)
```
#2a5649
```
#2a5649 rgb(42,86,73)
```
#306354
```
#306354 rgb(48,99,84)
```
#37705f
```
#37705f rgb(55,112,95)
```
#3d7e6b
```
#3d7e6b rgb(61,126,107)
```
#448b76
```
#448b76 rgb(68,139,118)
```
#4a9881
```
#4a9881 rgb(74,152,129)
```
#51a58c
```
#51a58c rgb(81,165,140)
```

Shade Color Variation

#5baf96
```
#5baf96 rgb(91,175,150)
```
#68b59e
```
#68b59e rgb(104,181,158)
```
#75bca7
```
#75bca7 rgb(117,188,167)
```
#82c2af
```
#82c2af rgb(130,194,175)
```
#8fc8b8
```
#8fc8b8 rgb(143,200,184)
```
#9ccfc0
```
#9ccfc0 rgb(156,207,192)
```
#aad5c8
```
#aad5c8 rgb(170,213,200)
```
#b7dcd1
```
#b7dcd1 rgb(183,220,209)
```
#c4e2d9
```
#c4e2d9 rgb(196,226,217)
```
#d1e9e2
```
#d1e9e2 rgb(209,233,226)
```
#deefea
```
#deefea rgb(222,239,234)
```
#ecf6f3
```
#ecf6f3 rgb(236,246,243)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e4241 is the less saturated color, while #037d59 is the most saturated one.

#3e4241
```
#3e4241 rgb(62,66,65)
```
#394743
```
#394743 rgb(57,71,67)
```
#344c45
```
#344c45 rgb(52,76,69)
```
#2f5147
```
#2f5147 rgb(47,81,71)
```
#2a5649
```
#2a5649 rgb(42,86,73)
```
#255b4b
```
#255b4b rgb(37,91,75)
```
#20604d
```
#20604d rgb(32,96,77)
```
#1b654f
```
#1b654f rgb(27,101,79)
```
#166a51
```
#166a51 rgb(22,106,81)
```
#116f53
```
#116f53 rgb(17,111,83)
```
#0c7455
```
#0c7455 rgb(12,116,85)
```
#087857
```
#087857 rgb(8,120,87)
```
#037d59
```
#037d59 rgb(3,125,89)
```

Tone Color Variation

Below, you can see how #2a5649 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#474747 Achromatopsia 0.005% of the population
#414a47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a564e Protanopia 1% of men
#5f5455 Deuteranopia 1% of men
#3a5c63 Tritanopia 0.001% of the population

Trichromacy

#49564c Protanomaly 1% of men, 0.01% of women
#4c5551 Deuteranomaly 6% of men, 0.4% of women
#345a59 Tritanomaly 0.01% of the population

#2a5649 hex color

#2a5649 Color Information

#2a5649 Color Conversion

Color Schemes with #2a5649

Alternatives to #2a5649

#2a5649 Preview

Shades and Tints of #2a5649

Tones of #2a5649

Color Blindness Simulator