#2d6d66 hex color

In a RGB color space, hex #2d6d66 is composed of 17.6% red, 42.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 0% magenta, 6.4% yellow and 57.3% black. It has a hue angle of 173.4 degrees, a saturation of 41.6% and a lightness of 30.2%. #2d6d66 color hex could be obtained by blending #5adacc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 43
- B 40
RGB color chart
- C 59
- M 0
- Y 6
- K 57
CMYK color chart

● #2d6d66 color description : Very dark desaturated cyan.

The hexadecimal color #2d6d66 has RGB values of R:45, G:109, B:102 and CMYK values of C:0.59, M:0, Y:0.06, K:0.57. Its decimal value is 2977126.

Hex triplet	2d6d66	`#2d6d66`
RGB Decimal	45, 109, 102	`rgb(45,109,102)`
RGB Percent	17.6, 42.7, 40	`rgb(17.6%,42.7%,40%)`
CMYK	59, 0, 6, 57
HSL	173.4°, 41.6, 30.2	`hsl(173.4,41.6%,30.2%)`
HSV (or HSB)	173.4°, 58.7, 42.7
Web Safe	336666	`#336666`

CIE-LAB	41.928, -22.232, -2.261
XYZ	8.948, 12.454, 14.502
xyY	0.249, 0.347, 12.454
CIE-LCH	41.928, 22.346, 185.807
CIE-LUV	41.928, -26.294, 0.067
Hunter-Lab	35.29, -16.496, 0.339
Binary	00101101, 01101101, 01100110

#2d6d66
```
#2d6d66 rgb(45,109,102)
```
#6d2d34
```
#6d2d34 rgb(109,45,52)
```

Complementary Color

#2d6d46
```
#2d6d46 rgb(45,109,70)
```
#2d6d66
```
#2d6d66 rgb(45,109,102)
```
#2d546d
```
#2d546d rgb(45,84,109)
```

Analogous Color

#6d462d
```
#6d462d rgb(109,70,45)
```
#2d6d66
```
#2d6d66 rgb(45,109,102)
```
#6d2d54
```
#6d2d54 rgb(109,45,84)
```

Split Complementary Color

#6d662d
```
#6d662d rgb(109,102,45)
```
#2d6d66
```
#2d6d66 rgb(45,109,102)
```
#662d6d
```
#662d6d rgb(102,45,109)
```

Triadic Color

#346d2d
```
#346d2d rgb(52,109,45)
```
#2d6d66
```
#2d6d66 rgb(45,109,102)
```
#662d6d
```
#662d6d rgb(102,45,109)
```
#6d2d34
```
#6d2d34 rgb(109,45,52)
```

Tetradic Color

#173733
```
#173733 rgb(23,55,51)
```
#1e4944
```
#1e4944 rgb(30,73,68)
```
#265b55
```
#265b55 rgb(38,91,85)
```
#2d6d66
```
#2d6d66 rgb(45,109,102)
```
#347f77
```
#347f77 rgb(52,127,119)
```
#3c9188
```
#3c9188 rgb(60,145,136)
```
#43a399
```
#43a399 rgb(67,163,153)
```

Monochromatic Color

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

#2d6d56
```
#2d6d56 rgb(45,109,86)
```
#2d6d5b
```
#2d6d5b rgb(45,109,91)
```
#2d6d61
```
#2d6d61 rgb(45,109,97)
```
#2d6d66
```
#2d6d66 rgb(45,109,102)
```
#2d6d6b
```
#2d6d6b rgb(45,109,107)
```
#2d696d
```
#2d696d rgb(45,105,109)
```
#2d646d
```
#2d646d rgb(45,100,109)
```

Similar Colors

Text with hexadecimal color #2d6d66

This text has a font color of #2d6d66.

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

#2d6d66 background color

This paragraph has a background color of #2d6d66.

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

#2d6d66 border color

This element has a border color of #2d6d66.

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

CSS codes

.text {color:#2d6d66;}

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

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

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

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1a18
```
#0b1a18 rgb(11,26,24)
```
#102825
```
#102825 rgb(16,40,37)
```
#163532
```
#163532 rgb(22,53,50)
```
#1c433f
```
#1c433f rgb(28,67,63)
```
#22514c
```
#22514c rgb(34,81,76)
```
#275f59
```
#275f59 rgb(39,95,89)
```
#2d6d66
```
#2d6d66 rgb(45,109,102)
```
#337b73
```
#337b73 rgb(51,123,115)
```
#388980
```
#388980 rgb(56,137,128)
```
#3e978d
```
#3e978d rgb(62,151,141)
```
#44a59a
```
#44a59a rgb(68,165,154)
```
#4ab2a7
```
#4ab2a7 rgb(74,178,167)
```

Shade Color Variation

#56b9af
```
#56b9af rgb(86,185,175)
```
#64bfb5
```
#64bfb5 rgb(100,191,181)
```
#72c5bc
```
#72c5bc rgb(114,197,188)
```
#80cbc2
```
#80cbc2 rgb(128,203,194)
```
#8ed0c9
```
#8ed0c9 rgb(142,208,201)
```
#9cd6d0
```
#9cd6d0 rgb(156,214,208)
```
#aadcd6
```
#aadcd6 rgb(170,220,214)
```
#b8e1dd
```
#b8e1dd rgb(184,225,221)
```
#c5e7e4
```
#c5e7e4 rgb(197,231,228)
```
#d3edea
```
#d3edea rgb(211,237,234)
```
#e1f3f1
```
#e1f3f1 rgb(225,243,241)
```
#eff8f7
```
#eff8f7 rgb(239,248,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#4b4f4f
```
#4b4f4f rgb(75,79,79)
```
#455553
```
#455553 rgb(69,85,83)
```
#3f5b58
```
#3f5b58 rgb(63,91,88)
```
#39615d
```
#39615d rgb(57,97,93)
```
#336761
```
#336761 rgb(51,103,97)
```
#2d6d66
```
#2d6d66 rgb(45,109,102)
```
#27736b
```
#27736b rgb(39,115,107)
```
#21796f
```
#21796f rgb(33,121,111)
```
#1b7f74
```
#1b7f74 rgb(27,127,116)
```
#158579
```
#158579 rgb(21,133,121)
```
#0f8b7d
```
#0f8b7d rgb(15,139,125)
```
#099182
```
#099182 rgb(9,145,130)
```
#049686
```
#049686 rgb(4,150,134)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6a68 Protanopia 1% of men
#716872 Deuteranopia 1% of men
#3d727a Tritanopia 0.001% of the population

Trichromacy

#556b67 Protanomaly 1% of men, 0.01% of women
#58696d Deuteranomaly 6% of men, 0.4% of women
#377073 Tritanomaly 0.01% of the population

#2d6d66 hex color

#2d6d66 Color Information

#2d6d66 Color Conversion

Color Schemes with #2d6d66

Alternatives to #2d6d66

#2d6d66 Preview

Shades and Tints of #2d6d66

Tones of #2d6d66

Color Blindness Simulator