#2d6f76 hex color

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

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

● #2d6f76 color description : Dark moderate cyan.

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

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

CIE-LAB	43.114, -18.477, -10.163
XYZ	10.036, 13.234, 19.164
xyY	0.237, 0.312, 13.234
CIE-LCH	43.114, 21.088, 208.811
CIE-LUV	43.114, -26.313, -11.565
Hunter-Lab	36.379, -14.42, -5.769
Binary	00101101, 01101111, 01110110

#2d6f76
```
#2d6f76 rgb(45,111,118)
```
#76342d
```
#76342d rgb(118,52,45)
```

Complementary Color

#2d7659
```
#2d7659 rgb(45,118,89)
```
#2d6f76
```
#2d6f76 rgb(45,111,118)
```
#2d4b76
```
#2d4b76 rgb(45,75,118)
```

Analogous Color

#76592d
```
#76592d rgb(118,89,45)
```
#2d6f76
```
#2d6f76 rgb(45,111,118)
```
#762d4b
```
#762d4b rgb(118,45,75)
```

Split Complementary Color

#6f762d
```
#6f762d rgb(111,118,45)
```
#2d6f76
```
#2d6f76 rgb(45,111,118)
```
#762d6f
```
#762d6f rgb(118,45,111)
```

Triadic Color

#2d7634
```
#2d7634 rgb(45,118,52)
```
#2d6f76
```
#2d6f76 rgb(45,111,118)
```
#762d6f
```
#762d6f rgb(118,45,111)
```
#76342d
```
#76342d rgb(118,52,45)
```

Tetradic Color

#183b3f
```
#183b3f rgb(24,59,63)
```
#1f4c51
```
#1f4c51 rgb(31,76,81)
```
#265e64
```
#265e64 rgb(38,94,100)
```
#2d6f76
```
#2d6f76 rgb(45,111,118)
```
#348088
```
#348088 rgb(52,128,136)
```
#3b929b
```
#3b929b rgb(59,146,155)
```
#42a3ad
```
#42a3ad rgb(66,163,173)
```

Monochromatic Color

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

#2d766b
```
#2d766b rgb(45,118,107)
```
#2d7671
```
#2d7671 rgb(45,118,113)
```
#2d7576
```
#2d7576 rgb(45,117,118)
```
#2d6f76
```
#2d6f76 rgb(45,111,118)
```
#2d6976
```
#2d6976 rgb(45,105,118)
```
#2d6376
```
#2d6376 rgb(45,99,118)
```
#2d5d76
```
#2d5d76 rgb(45,93,118)
```

Similar Colors

Text with hexadecimal color #2d6f76

This text has a font color of #2d6f76.

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

#2d6f76 background color

This paragraph has a background color of #2d6f76.

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

#2d6f76 border color

This element has a border color of #2d6f76.

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

CSS codes

.text {color:#2d6f76;}

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

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

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)
```
#071113
```
#071113 rgb(7,17,19)
```
#0d1f21
```
#0d1f21 rgb(13,31,33)
```
#122c2f
```
#122c2f rgb(18,44,47)
```
#173a3d
```
#173a3d rgb(23,58,61)
```
#1d474b
```
#1d474b rgb(29,71,75)
```
#22545a
```
#22545a rgb(34,84,90)
```
#286268
```
#286268 rgb(40,98,104)
```
#2d6f76
```
#2d6f76 rgb(45,111,118)
```
#327c84
```
#327c84 rgb(50,124,132)
```
#388a92
```
#388a92 rgb(56,138,146)
```
#3d97a1
```
#3d97a1 rgb(61,151,161)
```
#43a4af
```
#43a4af rgb(67,164,175)
```

Shade Color Variation

#4bb0ba
```
#4bb0ba rgb(75,176,186)
```
#59b6c0
```
#59b6c0 rgb(89,182,192)
```
#67bcc5
```
#67bcc5 rgb(103,188,197)
```
#75c2cb
```
#75c2cb rgb(117,194,203)
```
#84c9d0
```
#84c9d0 rgb(132,201,208)
```
#92cfd5
```
#92cfd5 rgb(146,207,213)
```
#a0d5db
```
#a0d5db rgb(160,213,219)
```
#aedbe0
```
#aedbe0 rgb(174,219,224)
```
#bce2e6
```
#bce2e6 rgb(188,226,230)
```
#cbe8eb
```
#cbe8eb rgb(203,232,235)
```
#d9eef0
```
#d9eef0 rgb(217,238,240)
```
#e7f4f6
```
#e7f4f6 rgb(231,244,246)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#4c5657
```
#4c5657 rgb(76,86,87)
```
#465b5d
```
#465b5d rgb(70,91,93)
```
#406063
```
#406063 rgb(64,96,99)
```
#3a6569
```
#3a6569 rgb(58,101,105)
```
#336a70
```
#336a70 rgb(51,106,112)
```
#2d6f76
```
#2d6f76 rgb(45,111,118)
```
#27747c
```
#27747c rgb(39,116,124)
```
#207983
```
#207983 rgb(32,121,131)
```
#1a7e89
```
#1a7e89 rgb(26,126,137)
```
#14838f
```
#14838f rgb(20,131,143)
```
#0e8895
```
#0e8895 rgb(14,136,149)
```
#078d9c
```
#078d9c rgb(7,141,156)
```
#0192a2
```
#0192a2 rgb(1,146,162)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#536061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6d77 Protanopia 1% of men
#6d6b81 Deuteranopia 1% of men
#38767e Tritanopia 0.001% of the population

Trichromacy

#556d77 Protanomaly 1% of men, 0.01% of women
#566c7d Deuteranomaly 6% of men, 0.4% of women
#34737b Tritanomaly 0.01% of the population

#2d6f76 hex color

#2d6f76 Color Information

#2d6f76 Color Conversion

Color Schemes with #2d6f76

Alternatives to #2d6f76

#2d6f76 Preview

Shades and Tints of #2d6f76

Tones of #2d6f76

Color Blindness Simulator