#2a5d57 hex color

In a RGB color space, hex #2a5d57 is composed of 16.5% red, 36.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 0% magenta, 6.5% yellow and 63.5% black. It has a hue angle of 172.9 degrees, a saturation of 37.8% and a lightness of 26.5%. #2a5d57 color hex could be obtained by blending #54baae with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 36
- B 34
RGB color chart
- C 55
- M 0
- Y 6
- K 64
CMYK color chart

● #2a5d57 color description : Very dark desaturated cyan.

The hexadecimal color #2a5d57 has RGB values of R:42, G:93, B:87 and CMYK values of C:0.55, M:0, Y:0.06, K:0.64. Its decimal value is 2776407.

Hex triplet	2a5d57	`#2a5d57`
RGB Decimal	42, 93, 87	`rgb(42,93,87)`
RGB Percent	16.5, 36.5, 34.1	`rgb(16.5%,36.5%,34.1%)`
CMYK	55, 0, 6, 64
HSL	172.9°, 37.8, 26.5	`hsl(172.9,37.8%,26.5%)`
HSV (or HSB)	172.9°, 54.8, 36.5
Web Safe	336666	`#336666`

CIE-LAB	36.001, -18.743, -1.789
XYZ	6.589, 9.009, 10.408
xyY	0.253, 0.346, 9.009
CIE-LCH	36.001, 18.829, 185.453
CIE-LUV	36.001, -21.267, 0.223
Hunter-Lab	30.014, -13.339, 0.45
Binary	00101010, 01011101, 01010111

#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#5d2a30
```
#5d2a30 rgb(93,42,48)
```

Complementary Color

#2a5d3e
```
#2a5d3e rgb(42,93,62)
```
#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#2a4a5d
```
#2a4a5d rgb(42,74,93)
```

Analogous Color

#5d3e2a
```
#5d3e2a rgb(93,62,42)
```
#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#5d2a4a
```
#5d2a4a rgb(93,42,74)
```

Split Complementary Color

#5d572a
```
#5d572a rgb(93,87,42)
```
#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#572a5d
```
#572a5d rgb(87,42,93)
```

Triadic Color

#305d2a
```
#305d2a rgb(48,93,42)
```
#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#572a5d
```
#572a5d rgb(87,42,93)
```
#5d2a30
```
#5d2a30 rgb(93,42,48)
```

Tetradic Color

#122826
```
#122826 rgb(18,40,38)
```
#1a3a36
```
#1a3a36 rgb(26,58,54)
```
#224b47
```
#224b47 rgb(34,75,71)
```
#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#326f67
```
#326f67 rgb(50,111,103)
```
#3a8078
```
#3a8078 rgb(58,128,120)
```
#429288
```
#429288 rgb(66,146,136)
```

Monochromatic Color

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

#2a5d4a
```
#2a5d4a rgb(42,93,74)
```
#2a5d4f
```
#2a5d4f rgb(42,93,79)
```
#2a5d53
```
#2a5d53 rgb(42,93,83)
```
#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#2a5d5b
```
#2a5d5b rgb(42,93,91)
```
#2a5b5d
```
#2a5b5d rgb(42,91,93)
```
#2a565d
```
#2a565d rgb(42,86,93)
```

Similar Colors

Text with hexadecimal color #2a5d57

This text has a font color of #2a5d57.

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

#2a5d57 background color

This paragraph has a background color of #2a5d57.

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

#2a5d57 border color

This element has a border color of #2a5d57.

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

CSS codes

.text {color:#2a5d57;}

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

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

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, #050c0b is the darkest color, while #fdfefe is the lightest one.

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1918
```
#0b1918 rgb(11,25,24)
```
#122724
```
#122724 rgb(18,39,36)
```
#183431
```
#183431 rgb(24,52,49)
```
#1e423e
```
#1e423e rgb(30,66,62)
```
#244f4a
```
#244f4a rgb(36,79,74)
```
#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#306b64
```
#306b64 rgb(48,107,100)
```
#367870
```
#367870 rgb(54,120,112)
```
#3c867d
```
#3c867d rgb(60,134,125)
```
#42938a
```
#42938a rgb(66,147,138)
```
#49a196
```
#49a196 rgb(73,161,150)
```
#4faea3
```
#4faea3 rgb(79,174,163)
```

Shade Color Variation

#5bb5aa
```
#5bb5aa rgb(91,181,170)
```
#69bbb1
```
#69bbb1 rgb(105,187,177)
```
#76c1b8
```
#76c1b8 rgb(118,193,184)
```
#84c7bf
```
#84c7bf rgb(132,199,191)
```
#91cdc6
```
#91cdc6 rgb(145,205,198)
```
#9fd4cd
```
#9fd4cd rgb(159,212,205)
```
#acdad4
```
#acdad4 rgb(172,218,212)
```
#bae0db
```
#bae0db rgb(186,224,219)
```
#c7e6e2
```
#c7e6e2 rgb(199,230,226)
```
#d5ece9
```
#d5ece9 rgb(213,236,233)
```
#e2f2f0
```
#e2f2f0 rgb(226,242,240)
```
#f0f8f7
```
#f0f8f7 rgb(240,248,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#3f4847
```
#3f4847 rgb(63,72,71)
```
#3a4d4b
```
#3a4d4b rgb(58,77,75)
```
#34534f
```
#34534f rgb(52,83,79)
```
#2f5853
```
#2f5853 rgb(47,88,83)
```
#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#25625b
```
#25625b rgb(37,98,91)
```
#20675f
```
#20675f rgb(32,103,95)
```
#1a6d63
```
#1a6d63 rgb(26,109,99)
```
#157267
```
#157267 rgb(21,114,103)
```
#10776b
```
#10776b rgb(16,119,107)
```
#0b7c6f
```
#0b7c6f rgb(11,124,111)
```
#068173
```
#068173 rgb(6,129,115)
```
#008777
```
#008777 rgb(0,135,119)
```

Tone Color Variation

Below, you can see how #2a5d57 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

#4d4d4d Achromatopsia 0.005% of the population
#46504f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5d5b Protanopia 1% of men
#635b63 Deuteranopia 1% of men
#39636a Tritanopia 0.001% of the population

Trichromacy

#4c5d59 Protanomaly 1% of men, 0.01% of women
#4e5b5e Deuteranomaly 6% of men, 0.4% of women
#336163 Tritanomaly 0.01% of the population

#2a5d57 hex color

#2a5d57 Color Information

#2a5d57 Color Conversion

Color Schemes with #2a5d57

Alternatives to #2a5d57

#2a5d57 Preview

Shades and Tints of #2a5d57

Tones of #2a5d57

Color Blindness Simulator