#2d8574 hex color

In a RGB color space, hex #2d8574 is composed of 17.6% red, 52.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 0% magenta, 12.8% yellow and 47.8% black. It has a hue angle of 168.4 degrees, a saturation of 49.4% and a lightness of 34.9%. #2d8574 color hex could be obtained by blending #5affe8 with #000b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 52
- B 45
RGB color chart
- C 66
- M 0
- Y 13
- K 48
CMYK color chart

● #2d8574 color description : Dark moderate cyan.

The hexadecimal color #2d8574 has RGB values of R:45, G:133, B:116 and CMYK values of C:0.66, M:0, Y:0.13, K:0.48. Its decimal value is 2983284.

Hex triplet	2d8574	`#2d8574`
RGB Decimal	45, 133, 116	`rgb(45,133,116)`
RGB Percent	17.6, 52.2, 45.5	`rgb(17.6%,52.2%,45.5%)`
CMYK	66, 0, 13, 48
HSL	168.4°, 49.4, 34.9	`hsl(168.4,49.4%,34.9%)`
HSV (or HSB)	168.4°, 66.2, 52.2
Web Safe	339966	`#339966`

CIE-LAB	50.207, -30.289, 1.521
XYZ	12.621, 18.593, 19.446
xyY	0.249, 0.367, 18.593
CIE-LCH	50.207, 30.327, 177.124
CIE-LUV	50.207, -34.944, 6.507
Hunter-Lab	43.119, -23.212, 3.445
Binary	00101101, 10000101, 01110100

#2d8574
```
#2d8574 rgb(45,133,116)
```
#852d3e
```
#852d3e rgb(133,45,62)
```

Complementary Color

#2d8548
```
#2d8548 rgb(45,133,72)
```
#2d8574
```
#2d8574 rgb(45,133,116)
```
#2d6a85
```
#2d6a85 rgb(45,106,133)
```

Analogous Color

#85482d
```
#85482d rgb(133,72,45)
```
#2d8574
```
#2d8574 rgb(45,133,116)
```
#852d6a
```
#852d6a rgb(133,45,106)
```

Split Complementary Color

#85742d
```
#85742d rgb(133,116,45)
```
#2d8574
```
#2d8574 rgb(45,133,116)
```
#742d85
```
#742d85 rgb(116,45,133)
```

Triadic Color

#3e852d
```
#3e852d rgb(62,133,45)
```
#2d8574
```
#2d8574 rgb(45,133,116)
```
#742d85
```
#742d85 rgb(116,45,133)
```
#852d3e
```
#852d3e rgb(133,45,62)
```

Tetradic Color

#1a4c42
```
#1a4c42 rgb(26,76,66)
```
#205f53
```
#205f53 rgb(32,95,83)
```
#277263
```
#277263 rgb(39,114,99)
```
#2d8574
```
#2d8574 rgb(45,133,116)
```
#339885
```
#339885 rgb(51,152,133)
```
#3aab95
```
#3aab95 rgb(58,171,149)
```
#40bea6
```
#40bea6 rgb(64,190,166)
```

Monochromatic Color

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

#2d855e
```
#2d855e rgb(45,133,94)
```
#2d8565
```
#2d8565 rgb(45,133,101)
```
#2d856d
```
#2d856d rgb(45,133,109)
```
#2d8574
```
#2d8574 rgb(45,133,116)
```
#2d857b
```
#2d857b rgb(45,133,123)
```
#2d8583
```
#2d8583 rgb(45,133,131)
```
#2d8085
```
#2d8085 rgb(45,128,133)
```

Similar Colors

Text with hexadecimal color #2d8574

This text has a font color of #2d8574.

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

#2d8574 background color

This paragraph has a background color of #2d8574.

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

#2d8574 border color

This element has a border color of #2d8574.

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

CSS codes

.text {color:#2d8574;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#05100e
```
#05100e rgb(5,16,14)
```
#0a1e1b
```
#0a1e1b rgb(10,30,27)
```
#0f2d27
```
#0f2d27 rgb(15,45,39)
```
#143c34
```
#143c34 rgb(20,60,52)
```
#194a41
```
#194a41 rgb(25,74,65)
```
#1e594e
```
#1e594e rgb(30,89,78)
```
#23685a
```
#23685a rgb(35,104,90)
```
#287667
```
#287667 rgb(40,118,103)
```
#2d8574
```
#2d8574 rgb(45,133,116)
```
#329481
```
#329481 rgb(50,148,129)
```
#37a28e
```
#37a28e rgb(55,162,142)
```
#3cb19a
```
#3cb19a rgb(60,177,154)
```

Shade Color Variation

#42bfa7
```
#42bfa7 rgb(66,191,167)
```
#50c4ae
```
#50c4ae rgb(80,196,174)
```
#5fc9b4
```
#5fc9b4 rgb(95,201,180)
```
#6ecebb
```
#6ecebb rgb(110,206,187)
```
#7cd3c2
```
#7cd3c2 rgb(124,211,194)
```
#8bd8c9
```
#8bd8c9 rgb(139,216,201)
```
#99ddd0
```
#99ddd0 rgb(153,221,208)
```
#a8e2d7
```
#a8e2d7 rgb(168,226,215)
```
#b7e7dd
```
#b7e7dd rgb(183,231,221)
```
#c5ece4
```
#c5ece4 rgb(197,236,228)
```
#d4f0eb
```
#d4f0eb rgb(212,240,235)
```
#e3f5f2
```
#e3f5f2 rgb(227,245,242)
```
#f1faf9
```
#f1faf9 rgb(241,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565c5b is the less saturated color, while #04ae8d is the most saturated one.

#565c5b
```
#565c5b rgb(86,92,91)
```
#4f635f
```
#4f635f rgb(79,99,95)
```
#486a63
```
#486a63 rgb(72,106,99)
```
#427067
```
#427067 rgb(66,112,103)
```
#3b776c
```
#3b776c rgb(59,119,108)
```
#347e70
```
#347e70 rgb(52,126,112)
```
#2d8574
```
#2d8574 rgb(45,133,116)
```
#268c78
```
#268c78 rgb(38,140,120)
```
#1f937c
```
#1f937c rgb(31,147,124)
```
#189a81
```
#189a81 rgb(24,154,129)
```
#12a085
```
#12a085 rgb(18,160,133)
```
#0ba789
```
#0ba789 rgb(11,167,137)
```
#04ae8d
```
#04ae8d rgb(4,174,141)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5d6f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#837e74 Protanopia 1% of men
#887a81 Deuteranopia 1% of men
#438791 Tritanopia 0.001% of the population

Trichromacy

#638074 Protanomaly 1% of men, 0.01% of women
#677e7c Deuteranomaly 6% of men, 0.4% of women
#3b8687 Tritanomaly 0.01% of the population

#2d8574 hex color

#2d8574 Color Information

#2d8574 Color Conversion

Color Schemes with #2d8574

Alternatives to #2d8574

#2d8574 Preview

Shades and Tints of #2d8574

Tones of #2d8574

Color Blindness Simulator