#2d8474 hex color

In a RGB color space, hex #2d8474 is composed of 17.6% red, 51.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 0% magenta, 12.1% yellow and 48.2% black. It has a hue angle of 169 degrees, a saturation of 49.2% and a lightness of 34.7%. #2d8474 color hex could be obtained by blending #5affe8 with #000900. Closest websafe color is: #339966.

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

● #2d8474 color description : Dark moderate cyan.

The hexadecimal color #2d8474 has RGB values of R:45, G:132, B:116 and CMYK values of C:0.66, M:0, Y:0.12, K:0.48. Its decimal value is 2983028.

Hex triplet	2d8474	`#2d8474`
RGB Decimal	45, 132, 116	`rgb(45,132,116)`
RGB Percent	17.6, 51.8, 45.5	`rgb(17.6%,51.8%,45.5%)`
CMYK	66, 0, 12, 48
HSL	169°, 49.2, 34.7	`hsl(169,49.2%,34.7%)`
HSV (or HSB)	169°, 65.9, 51.8
Web Safe	339966	`#339966`

CIE-LAB	49.882, -29.809, 1.049
XYZ	12.485, 18.32, 19.4
xyY	0.249, 0.365, 18.32
CIE-LCH	49.882, 29.828, 177.985
CIE-LUV	49.882, -34.56, 5.776
Hunter-Lab	42.802, -22.838, 3.088
Binary	00101101, 10000100, 01110100

#2d8474
```
#2d8474 rgb(45,132,116)
```
#842d3d
```
#842d3d rgb(132,45,61)
```

Complementary Color

#2d8449
```
#2d8449 rgb(45,132,73)
```
#2d8474
```
#2d8474 rgb(45,132,116)
```
#2d6984
```
#2d6984 rgb(45,105,132)
```

Analogous Color

#84492d
```
#84492d rgb(132,73,45)
```
#2d8474
```
#2d8474 rgb(45,132,116)
```
#842d69
```
#842d69 rgb(132,45,105)
```

Split Complementary Color

#84742d
```
#84742d rgb(132,116,45)
```
#2d8474
```
#2d8474 rgb(45,132,116)
```
#742d84
```
#742d84 rgb(116,45,132)
```

Triadic Color

#3d842d
```
#3d842d rgb(61,132,45)
```
#2d8474
```
#2d8474 rgb(45,132,116)
```
#742d84
```
#742d84 rgb(116,45,132)
```
#842d3d
```
#842d3d rgb(132,45,61)
```

Tetradic Color

#1a4b42
```
#1a4b42 rgb(26,75,66)
```
#205e53
```
#205e53 rgb(32,94,83)
```
#277163
```
#277163 rgb(39,113,99)
```
#2d8474
```
#2d8474 rgb(45,132,116)
```
#339785
```
#339785 rgb(51,151,133)
```
#3aaa95
```
#3aaa95 rgb(58,170,149)
```
#40bda6
```
#40bda6 rgb(64,189,166)
```

Monochromatic Color

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

#2d845e
```
#2d845e rgb(45,132,94)
```
#2d8466
```
#2d8466 rgb(45,132,102)
```
#2d846d
```
#2d846d rgb(45,132,109)
```
#2d8474
```
#2d8474 rgb(45,132,116)
```
#2d847b
```
#2d847b rgb(45,132,123)
```
#2d8483
```
#2d8483 rgb(45,132,131)
```
#2d7e84
```
#2d7e84 rgb(45,126,132)
```

Similar Colors

Text with hexadecimal color #2d8474

This text has a font color of #2d8474.

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

#2d8474 background color

This paragraph has a background color of #2d8474.

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

#2d8474 border color

This element has a border color of #2d8474.

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

CSS codes

.text {color:#2d8474;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050f0d
```
#050f0d rgb(5,15,13)
```
#0a1e1a
```
#0a1e1a rgb(10,30,26)
```
#0f2c27
```
#0f2c27 rgb(15,44,39)
```
#143b34
```
#143b34 rgb(20,59,52)
```
#194941
```
#194941 rgb(25,73,65)
```
#1e584d
```
#1e584d rgb(30,88,77)
```
#23675a
```
#23675a rgb(35,103,90)
```
#287567
```
#287567 rgb(40,117,103)
```
#2d8474
```
#2d8474 rgb(45,132,116)
```
#329381
```
#329381 rgb(50,147,129)
```
#37a18e
```
#37a18e rgb(55,161,142)
```
#3cb09b
```
#3cb09b rgb(60,176,155)
```

Shade Color Variation

#41bea7
```
#41bea7 rgb(65,190,167)
```
#50c3ae
```
#50c3ae rgb(80,195,174)
```
#5ec8b5
```
#5ec8b5 rgb(94,200,181)
```
#6dcdbc
```
#6dcdbc rgb(109,205,188)
```
#7cd2c2
```
#7cd2c2 rgb(124,210,194)
```
#8ad7c9
```
#8ad7c9 rgb(138,215,201)
```
#99dcd0
```
#99dcd0 rgb(153,220,208)
```
#a8e1d7
```
#a8e1d7 rgb(168,225,215)
```
#b6e6dd
```
#b6e6dd rgb(182,230,221)
```
#c5ebe4
```
#c5ebe4 rgb(197,235,228)
```
#d3f0eb
```
#d3f0eb rgb(211,240,235)
```
#e2f5f2
```
#e2f5f2 rgb(226,245,242)
```
#f1faf8
```
#f1faf8 rgb(241,250,248)
```

Tint Color Variation

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

#565b5a
```
#565b5a rgb(86,91,90)
```
#4f625e
```
#4f625e rgb(79,98,94)
```
#486963
```
#486963 rgb(72,105,99)
```
#417067
```
#417067 rgb(65,112,103)
```
#3b766b
```
#3b766b rgb(59,118,107)
```
#347d70
```
#347d70 rgb(52,125,112)
```
#2d8474
```
#2d8474 rgb(45,132,116)
```
#268b78
```
#268b78 rgb(38,139,120)
```
#1f927d
```
#1f927d rgb(31,146,125)
```
#199881
```
#199881 rgb(25,152,129)
```
#129f85
```
#129f85 rgb(18,159,133)
```
#0ba68a
```
#0ba68a rgb(11,166,138)
```
#04ad8e
```
#04ad8e rgb(4,173,142)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#827d74 Protanopia 1% of men
#877a80 Deuteranopia 1% of men
#438791 Tritanopia 0.001% of the population

Trichromacy

#637f74 Protanomaly 1% of men, 0.01% of women
#667d7c Deuteranomaly 6% of men, 0.4% of women
#3b8686 Tritanomaly 0.01% of the population

#2d8474 hex color

#2d8474 Color Information

#2d8474 Color Conversion

Color Schemes with #2d8474

Alternatives to #2d8474

#2d8474 Preview

Shades and Tints of #2d8474

Tones of #2d8474

Color Blindness Simulator