#2d9476 hex color

In a RGB color space, hex #2d9476 is composed of 17.6% red, 58% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 0% magenta, 20.3% yellow and 42% black. It has a hue angle of 162.5 degrees, a saturation of 53.4% and a lightness of 37.8%. #2d9476 color hex could be obtained by blending #5affec with #002900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 58
- B 46
RGB color chart
- C 70
- M 0
- Y 20
- K 42
CMYK color chart

● #2d9476 color description : Dark moderate cyan - lime green.

The hexadecimal color #2d9476 has RGB values of R:45, G:148, B:118 and CMYK values of C:0.7, M:0, Y:0.2, K:0.42. Its decimal value is 2987126.

Hex triplet	2d9476	`#2d9476`
RGB Decimal	45, 148, 118	`rgb(45,148,118)`
RGB Percent	17.6, 58, 46.3	`rgb(17.6%,58%,46.3%)`
CMYK	70, 0, 20, 42
HSL	162.5°, 53.4, 37.8	`hsl(162.5,53.4%,37.8%)`
HSV (or HSB)	162.5°, 69.6, 58
Web Safe	339966	`#339966`

CIE-LAB	55.118, -36.697, 7.433
XYZ	14.941, 23.044, 20.799
xyY	0.254, 0.392, 23.044
CIE-LCH	55.118, 37.442, 168.549
CIE-LUV	55.118, -40.524, 15.739
Hunter-Lab	48.005, -28.452, 7.914
Binary	00101101, 10010100, 01110110

#2d9476
```
#2d9476 rgb(45,148,118)
```
#942d4b
```
#942d4b rgb(148,45,75)
```

Complementary Color

#2d9443
```
#2d9443 rgb(45,148,67)
```
#2d9476
```
#2d9476 rgb(45,148,118)
```
#2d7f94
```
#2d7f94 rgb(45,127,148)
```

Analogous Color

#94432d
```
#94432d rgb(148,67,45)
```
#2d9476
```
#2d9476 rgb(45,148,118)
```
#942d7f
```
#942d7f rgb(148,45,127)
```

Split Complementary Color

#94762d
```
#94762d rgb(148,118,45)
```
#2d9476
```
#2d9476 rgb(45,148,118)
```
#762d94
```
#762d94 rgb(118,45,148)
```

Triadic Color

#4b942d
```
#4b942d rgb(75,148,45)
```
#2d9476
```
#2d9476 rgb(45,148,118)
```
#762d94
```
#762d94 rgb(118,45,148)
```
#942d4b
```
#942d4b rgb(148,45,75)
```

Tetradic Color

#1b5947
```
#1b5947 rgb(27,89,71)
```
#216d57
```
#216d57 rgb(33,109,87)
```
#278066
```
#278066 rgb(39,128,102)
```
#2d9476
```
#2d9476 rgb(45,148,118)
```
#33a886
```
#33a886 rgb(51,168,134)
```
#39bb95
```
#39bb95 rgb(57,187,149)
```
#47c7a2
```
#47c7a2 rgb(71,199,162)
```

Monochromatic Color

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

#2d945c
```
#2d945c rgb(45,148,92)
```
#2d9465
```
#2d9465 rgb(45,148,101)
```
#2d946d
```
#2d946d rgb(45,148,109)
```
#2d9476
```
#2d9476 rgb(45,148,118)
```
#2d947f
```
#2d947f rgb(45,148,127)
```
#2d9487
```
#2d9487 rgb(45,148,135)
```
#2d9490
```
#2d9490 rgb(45,148,144)
```

Similar Colors

Text with hexadecimal color #2d9476

This text has a font color of #2d9476.

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

#2d9476 background color

This paragraph has a background color of #2d9476.

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

#2d9476 border color

This element has a border color of #2d9476.

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

CSS codes

.text {color:#2d9476;}

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

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

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

#040d0a
```
#040d0a rgb(4,13,10)
```
#081c16
```
#081c16 rgb(8,28,22)
```
#0d2b22
```
#0d2b22 rgb(13,43,34)
```
#123a2e
```
#123a2e rgb(18,58,46)
```
#16493a
```
#16493a rgb(22,73,58)
```
#1b5846
```
#1b5846 rgb(27,88,70)
```
#1f6752
```
#1f6752 rgb(31,103,82)
```
#24765e
```
#24765e rgb(36,118,94)
```
#28856a
```
#28856a rgb(40,133,106)
```
#2d9476
```
#2d9476 rgb(45,148,118)
```
#32a382
```
#32a382 rgb(50,163,130)
```
#36b28e
```
#36b28e rgb(54,178,142)
```
#3bc19a
```
#3bc19a rgb(59,193,154)
```

Shade Color Variation

#48c7a2
```
#48c7a2 rgb(72,199,162)
```
#57ccaa
```
#57ccaa rgb(87,204,170)
```
#66d1b2
```
#66d1b2 rgb(102,209,178)
```
#75d5b9
```
#75d5b9 rgb(117,213,185)
```
#84dac1
```
#84dac1 rgb(132,218,193)
```
#93dec8
```
#93dec8 rgb(147,222,200)
```
#a2e3d0
```
#a2e3d0 rgb(162,227,208)
```
#b1e7d8
```
#b1e7d8 rgb(177,231,216)
```
#c0ecdf
```
#c0ecdf rgb(192,236,223)
```
#cff1e7
```
#cff1e7 rgb(207,241,231)
```
#def5ef
```
#def5ef rgb(222,245,239)
```
#eefaf6
```
#eefaf6 rgb(238,250,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6763 is the less saturated color, while #00c189 is the most saturated one.

#5a6763
```
#5a6763 rgb(90,103,99)
```
#526f67
```
#526f67 rgb(82,111,103)
```
#4b766a
```
#4b766a rgb(75,118,106)
```
#437e6d
```
#437e6d rgb(67,126,109)
```
#3c8570
```
#3c8570 rgb(60,133,112)
```
#348d73
```
#348d73 rgb(52,141,115)
```
#2d9476
```
#2d9476 rgb(45,148,118)
```
#269b79
```
#269b79 rgb(38,155,121)
```
#1ea37c
```
#1ea37c rgb(30,163,124)
```
#17aa7f
```
#17aa7f rgb(23,170,127)
```
#0fb282
```
#0fb282 rgb(15,178,130)
```
#08b985
```
#08b985 rgb(8,185,133)
```
#00c189
```
#00c189 rgb(0,193,137)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#647973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918975 Protanopia 1% of men
#998583 Deuteranopia 1% of men
#4a949f Tritanopia 0.001% of the population

Trichromacy

#6c8d75 Protanomaly 1% of men, 0.01% of women
#728b7e Deuteranomaly 6% of men, 0.4% of women
#3f9490 Tritanomaly 0.01% of the population

#2d9476 hex color

#2d9476 Color Information

#2d9476 Color Conversion

Color Schemes with #2d9476

Alternatives to #2d9476

#2d9476 Preview

Shades and Tints of #2d9476

Tones of #2d9476

Color Blindness Simulator