#2d5a55 hex color

In a RGB color space, hex #2d5a55 is composed of 17.6% red, 35.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 5.6% yellow and 64.7% black. It has a hue angle of 173.3 degrees, a saturation of 33.3% and a lightness of 26.5%. #2d5a55 color hex could be obtained by blending #5ab4aa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 35
- B 33
RGB color chart
- C 50
- M 0
- Y 6
- K 65
CMYK color chart

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

The hexadecimal color #2d5a55 has RGB values of R:45, G:90, B:85 and CMYK values of C:0.5, M:0, Y:0.06, K:0.65. Its decimal value is 2972245.

Hex triplet	2d5a55	`#2d5a55`
RGB Decimal	45, 90, 85	`rgb(45,90,85)`
RGB Percent	17.6, 35.3, 33.3	`rgb(17.6%,35.3%,33.3%)`
CMYK	50, 0, 6, 65
HSL	173.3°, 33.3, 26.5	`hsl(173.3,33.3%,26.5%)`
HSV (or HSB)	173.3°, 50, 35.3
Web Safe	336666	`#336666`

CIE-LAB	35.055, -16.885, -1.919
XYZ	6.378, 8.526, 9.903
xyY	0.257, 0.344, 8.526
CIE-LCH	35.055, 16.994, 186.483
CIE-LUV	35.055, -19.26, -0.176
Hunter-Lab	29.199, -12.11, 0.33
Binary	00101101, 01011010, 01010101

#2d5a55
```
#2d5a55 rgb(45,90,85)
```
#5a2d32
```
#5a2d32 rgb(90,45,50)
```

Complementary Color

#2d5a3f
```
#2d5a3f rgb(45,90,63)
```
#2d5a55
```
#2d5a55 rgb(45,90,85)
```
#2d495a
```
#2d495a rgb(45,73,90)
```

Analogous Color

#5a3f2d
```
#5a3f2d rgb(90,63,45)
```
#2d5a55
```
#2d5a55 rgb(45,90,85)
```
#5a2d49
```
#5a2d49 rgb(90,45,73)
```

Split Complementary Color

#5a552d
```
#5a552d rgb(90,85,45)
```
#2d5a55
```
#2d5a55 rgb(45,90,85)
```
#552d5a
```
#552d5a rgb(85,45,90)
```

Triadic Color

#325a2d
```
#325a2d rgb(50,90,45)
```
#2d5a55
```
#2d5a55 rgb(45,90,85)
```
#552d5a
```
#552d5a rgb(85,45,90)
```
#5a2d32
```
#5a2d32 rgb(90,45,50)
```

Tetradic Color

#142725
```
#142725 rgb(20,39,37)
```
#1c3835
```
#1c3835 rgb(28,56,53)
```
#254945
```
#254945 rgb(37,73,69)
```
#2d5a55
```
#2d5a55 rgb(45,90,85)
```
#366b65
```
#366b65 rgb(54,107,101)
```
#3e7c75
```
#3e7c75 rgb(62,124,117)
```
#478d85
```
#478d85 rgb(71,141,133)
```

Monochromatic Color

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

#2d5a4a
```
#2d5a4a rgb(45,90,74)
```
#2d5a4e
```
#2d5a4e rgb(45,90,78)
```
#2d5a51
```
#2d5a51 rgb(45,90,81)
```
#2d5a55
```
#2d5a55 rgb(45,90,85)
```
#2d5a59
```
#2d5a59 rgb(45,90,89)
```
#2d585a
```
#2d585a rgb(45,88,90)
```
#2d545a
```
#2d545a rgb(45,84,90)
```

Similar Colors

Text with hexadecimal color #2d5a55

This text has a font color of #2d5a55.

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

#2d5a55 background color

This paragraph has a background color of #2d5a55.

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

#2d5a55 border color

This element has a border color of #2d5a55.

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

CSS codes

.text {color:#2d5a55;}

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

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

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

#060c0b
```
#060c0b rgb(6,12,11)
```
#0c1917
```
#0c1917 rgb(12,25,23)
```
#132624
```
#132624 rgb(19,38,36)
```
#193330
```
#193330 rgb(25,51,48)
```
#20403c
```
#20403c rgb(32,64,60)
```
#264d49
```
#264d49 rgb(38,77,73)
```
#2d5a55
```
#2d5a55 rgb(45,90,85)
```
#346761
```
#346761 rgb(52,103,97)
```
#3a746e
```
#3a746e rgb(58,116,110)
```
#41817a
```
#41817a rgb(65,129,122)
```
#478e86
```
#478e86 rgb(71,142,134)
```
#4e9b93
```
#4e9b93 rgb(78,155,147)
```
#54a89f
```
#54a89f rgb(84,168,159)
```

Shade Color Variation

#61b0a7
```
#61b0a7 rgb(97,176,167)
```
#6eb6ae
```
#6eb6ae rgb(110,182,174)
```
#7bbdb5
```
#7bbdb5 rgb(123,189,181)
```
#88c3bd
```
#88c3bd rgb(136,195,189)
```
#95cac4
```
#95cac4 rgb(149,202,196)
```
#a2d0cb
```
#a2d0cb rgb(162,208,203)
```
#afd7d3
```
#afd7d3 rgb(175,215,211)
```
#bcdeda
```
#bcdeda rgb(188,222,218)
```
#c9e4e1
```
#c9e4e1 rgb(201,228,225)
```
#d6ebe8
```
#d6ebe8 rgb(214,235,232)
```
#e3f1f0
```
#e3f1f0 rgb(227,241,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, #424545 is the less saturated color, while #038475 is the most saturated one.

#424545
```
#424545 rgb(66,69,69)
```
#3d4a49
```
#3d4a49 rgb(61,74,73)
```
#37504d
```
#37504d rgb(55,80,77)
```
#325551
```
#325551 rgb(50,85,81)
```
#2d5a55
```
#2d5a55 rgb(45,90,85)
```
#285f59
```
#285f59 rgb(40,95,89)
```
#23645d
```
#23645d rgb(35,100,93)
```
#1d6a61
```
#1d6a61 rgb(29,106,97)
```
#186f65
```
#186f65 rgb(24,111,101)
```
#137469
```
#137469 rgb(19,116,105)
```
#0e796d
```
#0e796d rgb(14,121,109)
```
#097e71
```
#097e71 rgb(9,126,113)
```
#038475
```
#038475 rgb(3,132,117)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5b59 Protanopia 1% of men
#615861 Deuteranopia 1% of men
#3b6168 Tritanopia 0.001% of the population

Trichromacy

#4b5a58 Protanomaly 1% of men, 0.01% of women
#4e595c Deuteranomaly 6% of men, 0.4% of women
#365e61 Tritanomaly 0.01% of the population

#2d5a55 hex color

#2d5a55 Color Information

#2d5a55 Color Conversion

Color Schemes with #2d5a55

Alternatives to #2d5a55

#2d5a55 Preview

Shades and Tints of #2d5a55

Tones of #2d5a55

Color Blindness Simulator