#2d8b76 hex color

In a RGB color space, hex #2d8b76 is composed of 17.6% red, 54.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 0% magenta, 15.1% yellow and 45.5% black. It has a hue angle of 166.6 degrees, a saturation of 51.1% and a lightness of 36.1%. #2d8b76 color hex could be obtained by blending #5affec with #001700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 55
- B 46
RGB color chart
- C 68
- M 0
- Y 15
- K 45
CMYK color chart

● #2d8b76 color description : Dark moderate cyan.

The hexadecimal color #2d8b76 has RGB values of R:45, G:139, B:118 and CMYK values of C:0.68, M:0, Y:0.15, K:0.45. Its decimal value is 2984822.

Hex triplet	2d8b76	`#2d8b76`
RGB Decimal	45, 139, 118	`rgb(45,139,118)`
RGB Percent	17.6, 54.5, 46.3	`rgb(17.6%,54.5%,46.3%)`
CMYK	68, 0, 15, 45
HSL	166.6°, 51.1, 36.1	`hsl(166.6,51.1%,36.1%)`
HSV (or HSB)	166.6°, 67.6, 54.5
Web Safe	339966	`#339966`

CIE-LAB	52.208, -32.586, 3.258
XYZ	13.584, 20.33, 20.347
xyY	0.25, 0.375, 20.33
CIE-LCH	52.208, 32.749, 174.291
CIE-LUV	52.208, -37.12, 9.301
Hunter-Lab	45.089, -25.129, 4.807
Binary	00101101, 10001011, 01110110

#2d8b76
```
#2d8b76 rgb(45,139,118)
```
#8b2d42
```
#8b2d42 rgb(139,45,66)
```

Complementary Color

#2d8b47
```
#2d8b47 rgb(45,139,71)
```
#2d8b76
```
#2d8b76 rgb(45,139,118)
```
#2d718b
```
#2d718b rgb(45,113,139)
```

Analogous Color

#8b472d
```
#8b472d rgb(139,71,45)
```
#2d8b76
```
#2d8b76 rgb(45,139,118)
```
#8b2d71
```
#8b2d71 rgb(139,45,113)
```

Split Complementary Color

#8b762d
```
#8b762d rgb(139,118,45)
```
#2d8b76
```
#2d8b76 rgb(45,139,118)
```
#762d8b
```
#762d8b rgb(118,45,139)
```

Triadic Color

#428b2d
```
#428b2d rgb(66,139,45)
```
#2d8b76
```
#2d8b76 rgb(45,139,118)
```
#762d8b
```
#762d8b rgb(118,45,139)
```
#8b2d42
```
#8b2d42 rgb(139,45,66)
```

Tetradic Color

#1a5145
```
#1a5145 rgb(26,81,69)
```
#216455
```
#216455 rgb(33,100,85)
```
#277866
```
#277866 rgb(39,120,102)
```
#2d8b76
```
#2d8b76 rgb(45,139,118)
```
#339e86
```
#339e86 rgb(51,158,134)
```
#39b297
```
#39b297 rgb(57,178,151)
```
#43c2a6
```
#43c2a6 rgb(67,194,166)
```

Monochromatic Color

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

#2d8b5f
```
#2d8b5f rgb(45,139,95)
```
#2d8b66
```
#2d8b66 rgb(45,139,102)
```
#2d8b6e
```
#2d8b6e rgb(45,139,110)
```
#2d8b76
```
#2d8b76 rgb(45,139,118)
```
#2d8b7e
```
#2d8b7e rgb(45,139,126)
```
#2d8b86
```
#2d8b86 rgb(45,139,134)
```
#2d898b
```
#2d898b rgb(45,137,139)
```

Similar Colors

Text with hexadecimal color #2d8b76

This text has a font color of #2d8b76.

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

#2d8b76 background color

This paragraph has a background color of #2d8b76.

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

#2d8b76 border color

This element has a border color of #2d8b76.

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

CSS codes

.text {color:#2d8b76;}

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

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

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

#020605
```
#020605 rgb(2,6,5)
```
#071411
```
#071411 rgb(7,20,17)
```
#0b231e
```
#0b231e rgb(11,35,30)
```
#10322b
```
#10322b rgb(16,50,43)
```
#154137
```
#154137 rgb(21,65,55)
```
#1a5044
```
#1a5044 rgb(26,80,68)
```
#1f5f50
```
#1f5f50 rgb(31,95,80)
```
#236d5d
```
#236d5d rgb(35,109,93)
```
#287c69
```
#287c69 rgb(40,124,105)
```
#2d8b76
```
#2d8b76 rgb(45,139,118)
```
#329a83
```
#329a83 rgb(50,154,131)
```
#37a98f
```
#37a98f rgb(55,169,143)
```
#3bb79c
```
#3bb79c rgb(59,183,156)
```

Shade Color Variation

#44c2a6
```
#44c2a6 rgb(68,194,166)
```
#53c7ad
```
#53c7ad rgb(83,199,173)
```
#62ccb4
```
#62ccb4 rgb(98,204,180)
```
#70d1bb
```
#70d1bb rgb(112,209,187)
```
#7fd6c2
```
#7fd6c2 rgb(127,214,194)
```
#8edac9
```
#8edac9 rgb(142,218,201)
```
#9ddfd0
```
#9ddfd0 rgb(157,223,208)
```
#ace4d7
```
#ace4d7 rgb(172,228,215)
```
#bbe9de
```
#bbe9de rgb(187,233,222)
```
#c9eee6
```
#c9eee6 rgb(201,238,230)
```
#d8f2ed
```
#d8f2ed rgb(216,242,237)
```
#e7f7f4
```
#e7f7f4 rgb(231,247,244)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

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

#57615f
```
#57615f rgb(87,97,95)
```
#506862
```
#506862 rgb(80,104,98)
```
#496f66
```
#496f66 rgb(73,111,102)
```
#42766a
```
#42766a rgb(66,118,106)
```
#3b7d6e
```
#3b7d6e rgb(59,125,110)
```
#348472
```
#348472 rgb(52,132,114)
```
#2d8b76
```
#2d8b76 rgb(45,139,118)
```
#26927a
```
#26927a rgb(38,146,122)
```
#1f997e
```
#1f997e rgb(31,153,126)
```
#18a082
```
#18a082 rgb(24,160,130)
```
#11a786
```
#11a786 rgb(17,167,134)
```
#0aae8a
```
#0aae8a rgb(10,174,138)
```
#03b58d
```
#03b58d rgb(3,181,141)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#60736f Atypical Achromatopsia 0.001% of the population

Dichromacy

#888276 Protanopia 1% of men
#8f7f83 Deuteranopia 1% of men
#458d97 Tritanopia 0.001% of the population

Trichromacy

#678576 Protanomaly 1% of men, 0.01% of women
#6b837e Deuteranomaly 6% of men, 0.4% of women
#3c8c8b Tritanomaly 0.01% of the population

#2d8b76 hex color

#2d8b76 Color Information

#2d8b76 Color Conversion

Color Schemes with #2d8b76

Alternatives to #2d8b76

#2d8b76 Preview

Shades and Tints of #2d8b76

Tones of #2d8b76

Color Blindness Simulator