#2d8171 hex color

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

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

● #2d8171 color description : Dark moderate cyan.

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

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

CIE-LAB	48.822, -29.185, 1.264
XYZ	11.912, 17.45, 18.362
xyY	0.25, 0.366, 17.45
CIE-LCH	48.822, 29.212, 177.52
CIE-LUV	48.822, -33.574, 5.955
Hunter-Lab	41.773, -22.201, 3.179
Binary	00101101, 10000001, 01110001

#2d8171
```
#2d8171 rgb(45,129,113)
```
#812d3d
```
#812d3d rgb(129,45,61)
```

Complementary Color

#2d8147
```
#2d8147 rgb(45,129,71)
```
#2d8171
```
#2d8171 rgb(45,129,113)
```
#2d6781
```
#2d6781 rgb(45,103,129)
```

Analogous Color

#81472d
```
#81472d rgb(129,71,45)
```
#2d8171
```
#2d8171 rgb(45,129,113)
```
#812d67
```
#812d67 rgb(129,45,103)
```

Split Complementary Color

#81712d
```
#81712d rgb(129,113,45)
```
#2d8171
```
#2d8171 rgb(45,129,113)
```
#712d81
```
#712d81 rgb(113,45,129)
```

Triadic Color

#3d812d
```
#3d812d rgb(61,129,45)
```
#2d8171
```
#2d8171 rgb(45,129,113)
```
#712d81
```
#712d81 rgb(113,45,129)
```
#812d3d
```
#812d3d rgb(129,45,61)
```

Tetradic Color

#19483f
```
#19483f rgb(25,72,63)
```
#205b50
```
#205b50 rgb(32,91,80)
```
#266e60
```
#266e60 rgb(38,110,96)
```
#2d8171
```
#2d8171 rgb(45,129,113)
```
#349482
```
#349482 rgb(52,148,130)
```
#3aa792
```
#3aa792 rgb(58,167,146)
```
#41baa3
```
#41baa3 rgb(65,186,163)
```

Monochromatic Color

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

#2d815c
```
#2d815c rgb(45,129,92)
```
#2d8163
```
#2d8163 rgb(45,129,99)
```
#2d816a
```
#2d816a rgb(45,129,106)
```
#2d8171
```
#2d8171 rgb(45,129,113)
```
#2d8178
```
#2d8178 rgb(45,129,120)
```
#2d817f
```
#2d817f rgb(45,129,127)
```
#2d7c81
```
#2d7c81 rgb(45,124,129)
```

Similar Colors

Text with hexadecimal color #2d8171

This text has a font color of #2d8171.

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

#2d8171 background color

This paragraph has a background color of #2d8171.

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

#2d8171 border color

This element has a border color of #2d8171.

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

CSS codes

.text {color:#2d8171;}

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

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

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)
```
#143831
```
#143831 rgb(20,56,49)
```
#19473e
```
#19473e rgb(25,71,62)
```
#1e554b
```
#1e554b rgb(30,85,75)
```
#236458
```
#236458 rgb(35,100,88)
```
#287264
```
#287264 rgb(40,114,100)
```
#2d8171
```
#2d8171 rgb(45,129,113)
```
#32907e
```
#32907e rgb(50,144,126)
```
#379e8a
```
#379e8a rgb(55,158,138)
```
#3cad97
```
#3cad97 rgb(60,173,151)
```
#41bba4
```
#41bba4 rgb(65,187,164)
```

Shade Color Variation

#4fc1ac
```
#4fc1ac rgb(79,193,172)
```
#5dc7b2
```
#5dc7b2 rgb(93,199,178)
```
#6cccb9
```
#6cccb9 rgb(108,204,185)
```
#7ad1c0
```
#7ad1c0 rgb(122,209,192)
```
#89d6c7
```
#89d6c7 rgb(137,214,199)
```
#97dbce
```
#97dbce rgb(151,219,206)
```
#a6e0d5
```
#a6e0d5 rgb(166,224,213)
```
#b4e5dc
```
#b4e5dc rgb(180,229,220)
```
#c3eae3
```
#c3eae3 rgb(195,234,227)
```
#d1efe9
```
#d1efe9 rgb(209,239,233)
```
#e0f4f0
```
#e0f4f0 rgb(224,244,240)
```
#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 #05a98a is the most saturated one.

#555958
```
#555958 rgb(85,89,88)
```
#4e605c
```
#4e605c rgb(78,96,92)
```
#486660
```
#486660 rgb(72,102,96)
```
#416d65
```
#416d65 rgb(65,109,101)
```
#3a7469
```
#3a7469 rgb(58,116,105)
```
#347a6d
```
#347a6d rgb(52,122,109)
```
#2d8171
```
#2d8171 rgb(45,129,113)
```
#268875
```
#268875 rgb(38,136,117)
```
#208e79
```
#208e79 rgb(32,142,121)
```
#19957d
```
#19957d rgb(25,149,125)
```
#129c82
```
#129c82 rgb(18,156,130)
```
#0ca286
```
#0ca286 rgb(12,162,134)
```
#05a98a
```
#05a98a rgb(5,169,138)
```

Tone Color Variation

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

#7f7a71 Protanopia 1% of men
#85777d Deuteranopia 1% of men
#42848e Tritanopia 0.001% of the population

Trichromacy

#617d71 Protanomaly 1% of men, 0.01% of women
#657b79 Deuteranomaly 6% of men, 0.4% of women
#3a8383 Tritanomaly 0.01% of the population

#2d8171 hex color

#2d8171 Color Information

#2d8171 Color Conversion

Color Schemes with #2d8171

Alternatives to #2d8171

#2d8171 Preview

Shades and Tints of #2d8171

Tones of #2d8171

Color Blindness Simulator