#2d8172 hex color

In a RGB color space, hex #2d8172 is composed of 17.6% red, 50.6% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 0% magenta, 11.6% yellow and 49.4% black. It has a hue angle of 169.3 degrees, a saturation of 48.3% and a lightness of 34.1%. #2d8172 color hex could be obtained by blending #5affe4 with #000300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 51
- B 45
RGB color chart
- C 65
- M 0
- Y 12
- K 49
CMYK color chart

● #2d8172 color description : Dark moderate cyan.

The hexadecimal color #2d8172 has RGB values of R:45, G:129, B:114 and CMYK values of C:0.65, M:0, Y:0.12, K:0.49. Its decimal value is 2982258.

Hex triplet	2d8172	`#2d8172`
RGB Decimal	45, 129, 114	`rgb(45,129,114)`
RGB Percent	17.6, 50.6, 44.7	`rgb(17.6%,50.6%,44.7%)`
CMYK	65, 0, 12, 49
HSL	169.3°, 48.3, 34.1	`hsl(169.3,48.3%,34.1%)`
HSV (or HSB)	169.3°, 65.1, 50.6
Web Safe	339966	`#339966`

CIE-LAB	48.85, -28.91, 0.718
XYZ	11.969, 17.472, 18.66
xyY	0.249, 0.363, 17.472
CIE-LCH	48.85, 28.919, 178.578
CIE-LUV	48.85, -33.518, 5.164
Hunter-Lab	41.8, -22.039, 2.792
Binary	00101101, 10000001, 01110010

#2d8172
```
#2d8172 rgb(45,129,114)
```
#812d3c
```
#812d3c rgb(129,45,60)
```

Complementary Color

#2d8148
```
#2d8148 rgb(45,129,72)
```
#2d8172
```
#2d8172 rgb(45,129,114)
```
#2d6681
```
#2d6681 rgb(45,102,129)
```

Analogous Color

#81482d
```
#81482d rgb(129,72,45)
```
#2d8172
```
#2d8172 rgb(45,129,114)
```
#812d66
```
#812d66 rgb(129,45,102)
```

Split Complementary Color

#81722d
```
#81722d rgb(129,114,45)
```
#2d8172
```
#2d8172 rgb(45,129,114)
```
#722d81
```
#722d81 rgb(114,45,129)
```

Triadic Color

#3c812d
```
#3c812d rgb(60,129,45)
```
#2d8172
```
#2d8172 rgb(45,129,114)
```
#722d81
```
#722d81 rgb(114,45,129)
```
#812d3c
```
#812d3c rgb(129,45,60)
```

Tetradic Color

#194840
```
#194840 rgb(25,72,64)
```
#205b51
```
#205b51 rgb(32,91,81)
```
#266e61
```
#266e61 rgb(38,110,97)
```
#2d8172
```
#2d8172 rgb(45,129,114)
```
#349483
```
#349483 rgb(52,148,131)
```
#3aa793
```
#3aa793 rgb(58,167,147)
```
#41baa4
```
#41baa4 rgb(65,186,164)
```

Monochromatic Color

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

#2d815d
```
#2d815d rgb(45,129,93)
```
#2d8164
```
#2d8164 rgb(45,129,100)
```
#2d816b
```
#2d816b rgb(45,129,107)
```
#2d8172
```
#2d8172 rgb(45,129,114)
```
#2d8179
```
#2d8179 rgb(45,129,121)
```
#2d8180
```
#2d8180 rgb(45,129,128)
```
#2d7b81
```
#2d7b81 rgb(45,123,129)
```

Similar Colors

Text with hexadecimal color #2d8172

This text has a font color of #2d8172.

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

#2d8172 background color

This paragraph has a background color of #2d8172.

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

#2d8172 border color

This element has a border color of #2d8172.

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

CSS codes

.text {color:#2d8172;}

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

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

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, #040d0b is the darkest color, while #fdfefe is the lightest one.

#040d0b
```
#040d0b rgb(4,13,11)
```
#091b18
```
#091b18 rgb(9,27,24)
```
#0f2a25
```
#0f2a25 rgb(15,42,37)
```
#143832
```
#143832 rgb(20,56,50)
```
#19473f
```
#19473f rgb(25,71,63)
```
#1e554b
```
#1e554b rgb(30,85,75)
```
#236458
```
#236458 rgb(35,100,88)
```
#287265
```
#287265 rgb(40,114,101)
```
#2d8172
```
#2d8172 rgb(45,129,114)
```
#32907f
```
#32907f rgb(50,144,127)
```
#379e8c
```
#379e8c rgb(55,158,140)
```
#3cad99
```
#3cad99 rgb(60,173,153)
```
#41bba5
```
#41bba5 rgb(65,187,165)
```

Shade Color Variation

#4fc1ad
```
#4fc1ad rgb(79,193,173)
```
#5dc7b4
```
#5dc7b4 rgb(93,199,180)
```
#6cccba
```
#6cccba rgb(108,204,186)
```
#7ad1c1
```
#7ad1c1 rgb(122,209,193)
```
#89d6c8
```
#89d6c8 rgb(137,214,200)
```
#97dbcf
```
#97dbcf rgb(151,219,207)
```
#a6e0d6
```
#a6e0d6 rgb(166,224,214)
```
#b4e5dc
```
#b4e5dc rgb(180,229,220)
```
#c3eae3
```
#c3eae3 rgb(195,234,227)
```
#d1efea
```
#d1efea rgb(209,239,234)
```
#e0f4f1
```
#e0f4f1 rgb(224,244,241)
```
#eff9f7
```
#eff9f7 rgb(239,249,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555958 is the less saturated color, while #05a98c is the most saturated one.

#555958
```
#555958 rgb(85,89,88)
```
#4e605c
```
#4e605c rgb(78,96,92)
```
#486661
```
#486661 rgb(72,102,97)
```
#416d65
```
#416d65 rgb(65,109,101)
```
#3a7469
```
#3a7469 rgb(58,116,105)
```
#347a6e
```
#347a6e rgb(52,122,110)
```
#2d8172
```
#2d8172 rgb(45,129,114)
```
#268876
```
#268876 rgb(38,136,118)
```
#208e7b
```
#208e7b rgb(32,142,123)
```
#19957f
```
#19957f rgb(25,149,127)
```
#129c83
```
#129c83 rgb(18,156,131)
```
#0ca288
```
#0ca288 rgb(12,162,136)
```
#05a98c
```
#05a98c rgb(5,169,140)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5b6b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7a72 Protanopia 1% of men
#84777e Deuteranopia 1% of men
#42848e Tritanopia 0.001% of the population

Trichromacy

#617d72 Protanomaly 1% of men, 0.01% of women
#647b7a Deuteranomaly 6% of men, 0.4% of women
#3a8383 Tritanomaly 0.01% of the population

#2d8172 hex color

#2d8172 Color Information

#2d8172 Color Conversion

Color Schemes with #2d8172

Alternatives to #2d8172

#2d8172 Preview

Shades and Tints of #2d8172

Tones of #2d8172

Color Blindness Simulator