#2d7676 hex color

In a RGB color space, hex #2d7676 is composed of 17.6% red, 46.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 0% yellow and 53.7% black. It has a hue angle of 180 degrees, a saturation of 44.8% and a lightness of 32%. #2d7676 color hex could be obtained by blending #5aecec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 46
- B 46
RGB color chart
- C 62
- M 0
- Y 0
- K 54
CMYK color chart

● #2d7676 color description : Dark moderate cyan.

The hexadecimal color #2d7676 has RGB values of R:45, G:118, B:118 and CMYK values of C:0.62, M:0, Y:0, K:0.54. Its decimal value is 2979446.

Hex triplet	2d7676	`#2d7676`
RGB Decimal	45, 118, 118	`rgb(45,118,118)`
RGB Percent	17.6, 46.3, 46.3	`rgb(17.6%,46.3%,46.3%)`
CMYK	62, 0, 0, 54
HSL	180°, 44.8, 32	`hsl(180,44.8%,32%)`
HSV (or HSB)	180°, 61.9, 46.3
Web Safe	336666	`#336666`

CIE-LAB	45.389, -22.211, -6.753
XYZ	10.83, 14.822, 19.429
xyY	0.24, 0.329, 14.822
CIE-LCH	45.389, 23.215, 196.911
CIE-LUV	45.389, -29.034, -6.27
Hunter-Lab	38.499, -17.162, -2.971
Binary	00101101, 01110110, 01110110

#2d7676
```
#2d7676 rgb(45,118,118)
```
#762d2d
```
#762d2d rgb(118,45,45)
```

Complementary Color

#2d7652
```
#2d7652 rgb(45,118,82)
```
#2d7676
```
#2d7676 rgb(45,118,118)
```
#2d5276
```
#2d5276 rgb(45,82,118)
```

Analogous Color

#76522d
```
#76522d rgb(118,82,45)
```
#2d7676
```
#2d7676 rgb(45,118,118)
```
#762d52
```
#762d52 rgb(118,45,82)
```

Split Complementary Color

#76762d
```
#76762d rgb(118,118,45)
```
#2d7676
```
#2d7676 rgb(45,118,118)
```
#762d76
```
#762d76 rgb(118,45,118)
```

Triadic Color

#2d762d
```
#2d762d rgb(45,118,45)
```
#2d7676
```
#2d7676 rgb(45,118,118)
```
#762d76
```
#762d76 rgb(118,45,118)
```
#762d2d
```
#762d2d rgb(118,45,45)
```

Tetradic Color

#183f3f
```
#183f3f rgb(24,63,63)
```
#1f5151
```
#1f5151 rgb(31,81,81)
```
#266464
```
#266464 rgb(38,100,100)
```
#2d7676
```
#2d7676 rgb(45,118,118)
```
#348888
```
#348888 rgb(52,136,136)
```
#3b9b9b
```
#3b9b9b rgb(59,155,155)
```
#42adad
```
#42adad rgb(66,173,173)
```

Monochromatic Color

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

#2d7664
```
#2d7664 rgb(45,118,100)
```
#2d766a
```
#2d766a rgb(45,118,106)
```
#2d7670
```
#2d7670 rgb(45,118,112)
```
#2d7676
```
#2d7676 rgb(45,118,118)
```
#2d7076
```
#2d7076 rgb(45,112,118)
```
#2d6a76
```
#2d6a76 rgb(45,106,118)
```
#2d6476
```
#2d6476 rgb(45,100,118)
```

Similar Colors

Text with hexadecimal color #2d7676

This text has a font color of #2d7676.

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

#2d7676 background color

This paragraph has a background color of #2d7676.

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

#2d7676 border color

This element has a border color of #2d7676.

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

CSS codes

.text {color:#2d7676;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071313
```
#071313 rgb(7,19,19)
```
#0d2121
```
#0d2121 rgb(13,33,33)
```
#122f2f
```
#122f2f rgb(18,47,47)
```
#173d3d
```
#173d3d rgb(23,61,61)
```
#1d4b4b
```
#1d4b4b rgb(29,75,75)
```
#225a5a
```
#225a5a rgb(34,90,90)
```
#286868
```
#286868 rgb(40,104,104)
```
#2d7676
```
#2d7676 rgb(45,118,118)
```
#328484
```
#328484 rgb(50,132,132)
```
#389292
```
#389292 rgb(56,146,146)
```
#3da1a1
```
#3da1a1 rgb(61,161,161)
```
#43afaf
```
#43afaf rgb(67,175,175)
```

Shade Color Variation

#4bbaba
```
#4bbaba rgb(75,186,186)
```
#59c0c0
```
#59c0c0 rgb(89,192,192)
```
#67c5c5
```
#67c5c5 rgb(103,197,197)
```
#75cbcb
```
#75cbcb rgb(117,203,203)
```
#84d0d0
```
#84d0d0 rgb(132,208,208)
```
#92d5d5
```
#92d5d5 rgb(146,213,213)
```
#a0dbdb
```
#a0dbdb rgb(160,219,219)
```
#aee0e0
```
#aee0e0 rgb(174,224,224)
```
#bce6e6
```
#bce6e6 rgb(188,230,230)
```
#cbebeb
```
#cbebeb rgb(203,235,235)
```
#d9f0f0
```
#d9f0f0 rgb(217,240,240)
```
#e7f6f6
```
#e7f6f6 rgb(231,246,246)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c5757 is the less saturated color, while #01a2a2 is the most saturated one.

#4c5757
```
#4c5757 rgb(76,87,87)
```
#465d5d
```
#465d5d rgb(70,93,93)
```
#406363
```
#406363 rgb(64,99,99)
```
#3a6969
```
#3a6969 rgb(58,105,105)
```
#337070
```
#337070 rgb(51,112,112)
```
#2d7676
```
#2d7676 rgb(45,118,118)
```
#277c7c
```
#277c7c rgb(39,124,124)
```
#208383
```
#208383 rgb(32,131,131)
```
#1a8989
```
#1a8989 rgb(26,137,137)
```
#148f8f
```
#148f8f rgb(20,143,143)
```
#0e9595
```
#0e9595 rgb(14,149,149)
```
#079c9c
```
#079c9c rgb(7,156,156)
```
#01a2a2
```
#01a2a2 rgb(1,162,162)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737277 Protanopia 1% of men
#767081 Deuteranopia 1% of men
#3c7b84 Tritanopia 0.001% of the population

Trichromacy

#5a7376 Protanomaly 1% of men, 0.01% of women
#5b727d Deuteranomaly 6% of men, 0.4% of women
#36797f Tritanomaly 0.01% of the population

#2d7676 hex color

#2d7676 Color Information

#2d7676 Color Conversion

Color Schemes with #2d7676

Alternatives to #2d7676

#2d7676 Preview

Shades and Tints of #2d7676

Tones of #2d7676

Color Blindness Simulator