#2d8781 hex color

In a RGB color space, hex #2d8781 is composed of 17.6% red, 52.9% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 4.4% yellow and 47.1% black. It has a hue angle of 176 degrees, a saturation of 50% and a lightness of 35.3%. #2d8781 color hex could be obtained by blending #5affff with #000f03. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 53
- B 51
RGB color chart
- C 67
- M 0
- Y 4
- K 47
CMYK color chart

● #2d8781 color description : Dark moderate cyan.

The hexadecimal color #2d8781 has RGB values of R:45, G:135, B:129 and CMYK values of C:0.67, M:0, Y:0.04, K:0.47. Its decimal value is 2983809.

Hex triplet	2d8781	`#2d8781`
RGB Decimal	45, 135, 129	`rgb(45,135,129)`
RGB Percent	17.6, 52.9, 50.6	`rgb(17.6%,52.9%,50.6%)`
CMYK	67, 0, 4, 47
HSL	176°, 50, 35.3	`hsl(176,50%,35.3%)`
HSV (or HSB)	176°, 66.7, 52.9
Web Safe	339999	`#339999`

CIE-LAB	51.232, -27.588, -4.564
XYZ	13.707, 19.47, 23.803
xyY	0.241, 0.342, 19.47
CIE-LCH	51.232, 27.963, 189.394
CIE-LUV	51.232, -34.943, -2.493
Hunter-Lab	44.124, -21.766, -1.097
Binary	00101101, 10000111, 10000001

#2d8781
```
#2d8781 rgb(45,135,129)
```
#872d33
```
#872d33 rgb(135,45,51)
```

Complementary Color

#2d8754
```
#2d8754 rgb(45,135,84)
```
#2d8781
```
#2d8781 rgb(45,135,129)
```
#2d6087
```
#2d6087 rgb(45,96,135)
```

Analogous Color

#87542d
```
#87542d rgb(135,84,45)
```
#2d8781
```
#2d8781 rgb(45,135,129)
```
#872d60
```
#872d60 rgb(135,45,96)
```

Split Complementary Color

#87812d
```
#87812d rgb(135,129,45)
```
#2d8781
```
#2d8781 rgb(45,135,129)
```
#812d87
```
#812d87 rgb(129,45,135)
```

Triadic Color

#33872d
```
#33872d rgb(51,135,45)
```
#2d8781
```
#2d8781 rgb(45,135,129)
```
#812d87
```
#812d87 rgb(129,45,135)
```
#872d33
```
#872d33 rgb(135,45,51)
```

Tetradic Color

#1a4e4a
```
#1a4e4a rgb(26,78,74)
```
#20615c
```
#20615c rgb(32,97,92)
```
#27746f
```
#27746f rgb(39,116,111)
```
#2d8781
```
#2d8781 rgb(45,135,129)
```
#339a93
```
#339a93 rgb(51,154,147)
```
#3aada6
```
#3aada6 rgb(58,173,166)
```
#41c0b7
```
#41c0b7 rgb(65,192,183)
```

Monochromatic Color

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

#2d876b
```
#2d876b rgb(45,135,107)
```
#2d8772
```
#2d8772 rgb(45,135,114)
```
#2d877a
```
#2d877a rgb(45,135,122)
```
#2d8781
```
#2d8781 rgb(45,135,129)
```
#2d8687
```
#2d8687 rgb(45,134,135)
```
#2d7e87
```
#2d7e87 rgb(45,126,135)
```
#2d7787
```
#2d7787 rgb(45,119,135)
```

Similar Colors

Text with hexadecimal color #2d8781

This text has a font color of #2d8781.

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

#2d8781 background color

This paragraph has a background color of #2d8781.

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

#2d8781 border color

This element has a border color of #2d8781.

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

CSS codes

.text {color:#2d8781;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#061111
```
#061111 rgb(6,17,17)
```
#0b201f
```
#0b201f rgb(11,32,31)
```
#102f2d
```
#102f2d rgb(16,47,45)
```
#143d3b
```
#143d3b rgb(20,61,59)
```
#194c49
```
#194c49 rgb(25,76,73)
```
#1e5b57
```
#1e5b57 rgb(30,91,87)
```
#236a65
```
#236a65 rgb(35,106,101)
```
#287873
```
#287873 rgb(40,120,115)
```
#2d8781
```
#2d8781 rgb(45,135,129)
```
#32968f
```
#32968f rgb(50,150,143)
```
#37a49d
```
#37a49d rgb(55,164,157)
```
#3cb3ab
```
#3cb3ab rgb(60,179,171)
```

Shade Color Variation

#42c0b8
```
#42c0b8 rgb(66,192,184)
```
#51c5bd
```
#51c5bd rgb(81,197,189)
```
#60cac3
```
#60cac3 rgb(96,202,195)
```
#6ecfc8
```
#6ecfc8 rgb(110,207,200)
```
#7dd4ce
```
#7dd4ce rgb(125,212,206)
```
#8cd9d4
```
#8cd9d4 rgb(140,217,212)
```
#9bded9
```
#9bded9 rgb(155,222,217)
```
#a9e2df
```
#a9e2df rgb(169,226,223)
```
#b8e7e4
```
#b8e7e4 rgb(184,231,228)
```
#c7ecea
```
#c7ecea rgb(199,236,234)
```
#d5f1ef
```
#d5f1ef rgb(213,241,239)
```
#e4f6f5
```
#e4f6f5 rgb(228,246,245)
```
#f3fbfa
```
#f3fbfa rgb(243,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575d5d is the less saturated color, while #03b1a5 is the most saturated one.

#575d5d
```
#575d5d rgb(87,93,93)
```
#506463
```
#506463 rgb(80,100,99)
```
#496b69
```
#496b69 rgb(73,107,105)
```
#42726f
```
#42726f rgb(66,114,111)
```
#3b7975
```
#3b7975 rgb(59,121,117)
```
#34807b
```
#34807b rgb(52,128,123)
```
#2d8781
```
#2d8781 rgb(45,135,129)
```
#268e87
```
#268e87 rgb(38,142,135)
```
#1f958d
```
#1f958d rgb(31,149,141)
```
#189c93
```
#189c93 rgb(24,156,147)
```
#11a399
```
#11a399 rgb(17,163,153)
```
#0aaa9f
```
#0aaa9f rgb(10,170,159)
```
#03b1a5
```
#03b1a5 rgb(3,177,165)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f716f Atypical Achromatopsia 0.001% of the population

Dichromacy

#838080 Protanopia 1% of men
#877d8d Deuteranopia 1% of men
#408b95 Tritanopia 0.001% of the population

Trichromacy

#638280 Protanomaly 1% of men, 0.01% of women
#668188 Deuteranomaly 6% of men, 0.4% of women
#39898d Tritanomaly 0.01% of the population

#2d8781 hex color

#2d8781 Color Information

#2d8781 Color Conversion

Color Schemes with #2d8781

Alternatives to #2d8781

#2d8781 Preview

Shades and Tints of #2d8781

Tones of #2d8781

Color Blindness Simulator