#2d8370 hex color

In a RGB color space, hex #2d8370 is composed of 17.6% red, 51.4% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 0% magenta, 14.5% yellow and 48.6% black. It has a hue angle of 166.7 degrees, a saturation of 48.9% and a lightness of 34.5%. #2d8370 color hex could be obtained by blending #5affe0 with #000700. Closest websafe color is: #339966.

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

● #2d8370 color description : Dark moderate cyan.

The hexadecimal color #2d8370 has RGB values of R:45, G:131, B:112 and CMYK values of C:0.66, M:0, Y:0.15, K:0.49. Its decimal value is 2982768.

Hex triplet	2d8370	`#2d8370`
RGB Decimal	45, 131, 112	`rgb(45,131,112)`
RGB Percent	17.6, 51.4, 43.9	`rgb(17.6%,51.4%,43.9%)`
CMYK	66, 0, 15, 49
HSL	166.7°, 48.9, 34.5	`hsl(166.7,48.9%,34.5%)`
HSV (or HSB)	166.7°, 65.6, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.447, -30.417, 2.757
XYZ	12.122, 17.959, 18.156
xyY	0.251, 0.372, 17.959
CIE-LCH	49.447, 30.542, 174.821
CIE-LUV	49.447, -34.403, 8.193
Hunter-Lab	42.378, -23.103, 4.264
Binary	00101101, 10000011, 01110000

#2d8370
```
#2d8370 rgb(45,131,112)
```
#832d40
```
#832d40 rgb(131,45,64)
```

Complementary Color

#2d8345
```
#2d8345 rgb(45,131,69)
```
#2d8370
```
#2d8370 rgb(45,131,112)
```
#2d6b83
```
#2d6b83 rgb(45,107,131)
```

Analogous Color

#83452d
```
#83452d rgb(131,69,45)
```
#2d8370
```
#2d8370 rgb(45,131,112)
```
#832d6b
```
#832d6b rgb(131,45,107)
```

Split Complementary Color

#83702d
```
#83702d rgb(131,112,45)
```
#2d8370
```
#2d8370 rgb(45,131,112)
```
#702d83
```
#702d83 rgb(112,45,131)
```

Triadic Color

#40832d
```
#40832d rgb(64,131,45)
```
#2d8370
```
#2d8370 rgb(45,131,112)
```
#702d83
```
#702d83 rgb(112,45,131)
```
#832d40
```
#832d40 rgb(131,45,64)
```

Tetradic Color

#194a3f
```
#194a3f rgb(25,74,63)
```
#205d50
```
#205d50 rgb(32,93,80)
```
#267060
```
#267060 rgb(38,112,96)
```
#2d8370
```
#2d8370 rgb(45,131,112)
```
#349680
```
#349680 rgb(52,150,128)
```
#3aa990
```
#3aa990 rgb(58,169,144)
```
#41bca1
```
#41bca1 rgb(65,188,161)
```

Monochromatic Color

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

#2d835b
```
#2d835b rgb(45,131,91)
```
#2d8362
```
#2d8362 rgb(45,131,98)
```
#2d8369
```
#2d8369 rgb(45,131,105)
```
#2d8370
```
#2d8370 rgb(45,131,112)
```
#2d8377
```
#2d8377 rgb(45,131,119)
```
#2d837e
```
#2d837e rgb(45,131,126)
```
#2d8183
```
#2d8183 rgb(45,129,131)
```

Similar Colors

Text with hexadecimal color #2d8370

This text has a font color of #2d8370.

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

#2d8370 background color

This paragraph has a background color of #2d8370.

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

#2d8370 border color

This element has a border color of #2d8370.

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

CSS codes

.text {color:#2d8370;}

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

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

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, #050e0c is the darkest color, while #ffffff is the lightest one.

#050e0c
```
#050e0c rgb(5,14,12)
```
#0a1d19
```
#0a1d19 rgb(10,29,25)
```
#0f2b25
```
#0f2b25 rgb(15,43,37)
```
#143a32
```
#143a32 rgb(20,58,50)
```
#19493e
```
#19493e rgb(25,73,62)
```
#1e574b
```
#1e574b rgb(30,87,75)
```
#236657
```
#236657 rgb(35,102,87)
```
#287464
```
#287464 rgb(40,116,100)
```
#2d8370
```
#2d8370 rgb(45,131,112)
```
#32927c
```
#32927c rgb(50,146,124)
```
#37a089
```
#37a089 rgb(55,160,137)
```
#3caf95
```
#3caf95 rgb(60,175,149)
```
#41bda2
```
#41bda2 rgb(65,189,162)
```

Shade Color Variation

#4fc3a9
```
#4fc3a9 rgb(79,195,169)
```
#5ec8b0
```
#5ec8b0 rgb(94,200,176)
```
#6dcdb7
```
#6dcdb7 rgb(109,205,183)
```
#7bd2bf
```
#7bd2bf rgb(123,210,191)
```
#8ad7c6
```
#8ad7c6 rgb(138,215,198)
```
#98dccd
```
#98dccd rgb(152,220,205)
```
#a7e1d4
```
#a7e1d4 rgb(167,225,212)
```
#b6e6db
```
#b6e6db rgb(182,230,219)
```
#c4ebe2
```
#c4ebe2 rgb(196,235,226)
```
#d3f0e9
```
#d3f0e9 rgb(211,240,233)
```
#e1f5f1
```
#e1f5f1 rgb(225,245,241)
```
#f0faf8
```
#f0faf8 rgb(240,250,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#565a59
```
#565a59 rgb(86,90,89)
```
#4f615d
```
#4f615d rgb(79,97,93)
```
#486861
```
#486861 rgb(72,104,97)
```
#416f65
```
#416f65 rgb(65,111,101)
```
#3b7568
```
#3b7568 rgb(59,117,104)
```
#347c6c
```
#347c6c rgb(52,124,108)
```
#2d8370
```
#2d8370 rgb(45,131,112)
```
#268a74
```
#268a74 rgb(38,138,116)
```
#1f9178
```
#1f9178 rgb(31,145,120)
```
#19977b
```
#19977b rgb(25,151,123)
```
#129e7f
```
#129e7f rgb(18,158,127)
```
#0ba583
```
#0ba583 rgb(11,165,131)
```
#04ac87
```
#04ac87 rgb(4,172,135)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817c70 Protanopia 1% of men
#87797d Deuteranopia 1% of men
#44858f Tritanopia 0.001% of the population

Trichromacy

#627e70 Protanomaly 1% of men, 0.01% of women
#667c78 Deuteranomaly 6% of men, 0.4% of women
#3b8484 Tritanomaly 0.01% of the population

#2d8370 hex color

#2d8370 Color Information

#2d8370 Color Conversion

Color Schemes with #2d8370

Alternatives to #2d8370

#2d8370 Preview

Shades and Tints of #2d8370

Tones of #2d8370

Color Blindness Simulator