#2d5350 hex color

In a RGB color space, hex #2d5350 is composed of 17.6% red, 32.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 3.6% yellow and 67.5% black. It has a hue angle of 175.3 degrees, a saturation of 29.7% and a lightness of 25.1%. #2d5350 color hex could be obtained by blending #5aa6a0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 31
RGB color chart
- C 46
- M 0
- Y 4
- K 67
CMYK color chart

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

The hexadecimal color #2d5350 has RGB values of R:45, G:83, B:80 and CMYK values of C:0.46, M:0, Y:0.04, K:0.67. Its decimal value is 2970448.

Hex triplet	2d5350	`#2d5350`
RGB Decimal	45, 83, 80	`rgb(45,83,80)`
RGB Percent	17.6, 32.5, 31.4	`rgb(17.6%,32.5%,31.4%)`
CMYK	46, 0, 4, 67
HSL	175.3°, 29.7, 25.1	`hsl(175.3,29.7%,25.1%)`
HSV (or HSB)	175.3°, 45.8, 32.5
Web Safe	336666	`#336666`

CIE-LAB	32.532, -14.363, -2.487
XYZ	5.623, 7.323, 8.706
xyY	0.26, 0.338, 7.323
CIE-LCH	32.532, 14.577, 189.825
CIE-LUV	32.532, -16.488, -1.203
Hunter-Lab	27.062, -10.268, -0.132
Binary	00101101, 01010011, 01010000

#2d5350
```
#2d5350 rgb(45,83,80)
```
#532d30
```
#532d30 rgb(83,45,48)
```

Complementary Color

#2d533d
```
#2d533d rgb(45,83,61)
```
#2d5350
```
#2d5350 rgb(45,83,80)
```
#2d4353
```
#2d4353 rgb(45,67,83)
```

Analogous Color

#533d2d
```
#533d2d rgb(83,61,45)
```
#2d5350
```
#2d5350 rgb(45,83,80)
```
#532d43
```
#532d43 rgb(83,45,67)
```

Split Complementary Color

#53502d
```
#53502d rgb(83,80,45)
```
#2d5350
```
#2d5350 rgb(45,83,80)
```
#502d53
```
#502d53 rgb(80,45,83)
```

Triadic Color

#30532d
```
#30532d rgb(48,83,45)
```
#2d5350
```
#2d5350 rgb(45,83,80)
```
#502d53
```
#502d53 rgb(80,45,83)
```
#532d30
```
#532d30 rgb(83,45,48)
```

Tetradic Color

#122120
```
#122120 rgb(18,33,32)
```
#1b3230
```
#1b3230 rgb(27,50,48)
```
#244240
```
#244240 rgb(36,66,64)
```
#2d5350
```
#2d5350 rgb(45,83,80)
```
#366460
```
#366460 rgb(54,100,96)
```
#3f7470
```
#3f7470 rgb(63,116,112)
```
#488580
```
#488580 rgb(72,133,128)
```

Monochromatic Color

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

#2d5347
```
#2d5347 rgb(45,83,71)
```
#2d534a
```
#2d534a rgb(45,83,74)
```
#2d534d
```
#2d534d rgb(45,83,77)
```
#2d5350
```
#2d5350 rgb(45,83,80)
```
#2d5353
```
#2d5353 rgb(45,83,83)
```
#2d5053
```
#2d5053 rgb(45,80,83)
```
#2d4d53
```
#2d4d53 rgb(45,77,83)
```

Similar Colors

Text with hexadecimal color #2d5350

This text has a font color of #2d5350.

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

#2d5350 background color

This paragraph has a background color of #2d5350.

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

#2d5350 border color

This element has a border color of #2d5350.

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

CSS codes

.text {color:#2d5350;}

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

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

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, #040706 is the darkest color, while #f9fcfc is the lightest one.

#040706
```
#040706 rgb(4,7,6)
```
#0b1313
```
#0b1313 rgb(11,19,19)
```
#11201f
```
#11201f rgb(17,32,31)
```
#182d2b
```
#182d2b rgb(24,45,43)
```
#1f3a37
```
#1f3a37 rgb(31,58,55)
```
#264644
```
#264644 rgb(38,70,68)
```
#2d5350
```
#2d5350 rgb(45,83,80)
```
#34605c
```
#34605c rgb(52,96,92)
```
#3b6c69
```
#3b6c69 rgb(59,108,105)
```
#427975
```
#427975 rgb(66,121,117)
```
#498681
```
#498681 rgb(73,134,129)
```
#4f938d
```
#4f938d rgb(79,147,141)
```
#569f9a
```
#569f9a rgb(86,159,154)
```

Shade Color Variation

#60a9a3
```
#60a9a3 rgb(96,169,163)
```
#6db0ab
```
#6db0ab rgb(109,176,171)
```
#7ab7b2
```
#7ab7b2 rgb(122,183,178)
```
#86beb9
```
#86beb9 rgb(134,190,185)
```
#93c5c1
```
#93c5c1 rgb(147,197,193)
```
#a0cbc8
```
#a0cbc8 rgb(160,203,200)
```
#add2cf
```
#add2cf rgb(173,210,207)
```
#b9d9d7
```
#b9d9d7 rgb(185,217,215)
```
#c6e0de
```
#c6e0de rgb(198,224,222)
```
#d3e7e5
```
#d3e7e5 rgb(211,231,229)
```
#e0eeed
```
#e0eeed rgb(224,238,237)
```
#ecf5f4
```
#ecf5f4 rgb(236,245,244)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#3c4444
```
#3c4444 rgb(60,68,68)
```
#374948
```
#374948 rgb(55,73,72)
```
#324e4c
```
#324e4c rgb(50,78,76)
```
#2d5350
```
#2d5350 rgb(45,83,80)
```
#285854
```
#285854 rgb(40,88,84)
```
#235d58
```
#235d58 rgb(35,93,88)
```
#1e625c
```
#1e625c rgb(30,98,92)
```
#196761
```
#196761 rgb(25,103,97)
```
#146c65
```
#146c65 rgb(20,108,101)
```
#0f7169
```
#0f7169 rgb(15,113,105)
```
#0b756d
```
#0b756d rgb(11,117,109)
```
#067a71
```
#067a71 rgb(6,122,113)
```
#017f75
```
#017f75 rgb(1,127,117)
```

Tone Color Variation

Below, you can see how #2d5350 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
#424949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575555 Protanopia 1% of men
#5a535c Deuteranopia 1% of men
#3a5a61 Tritanopia 0.001% of the population

Trichromacy

#475453 Protanomaly 1% of men, 0.01% of women
#4a5357 Deuteranomaly 6% of men, 0.4% of women
#35575a Tritanomaly 0.01% of the population

#2d5350 hex color

#2d5350 Color Information

#2d5350 Color Conversion

Color Schemes with #2d5350

Alternatives to #2d5350

#2d5350 Preview

Shades and Tints of #2d5350

Tones of #2d5350

Color Blindness Simulator