#2d7d6b hex color

In a RGB color space, hex #2d7d6b is composed of 17.6% red, 49% green and 42% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 0% magenta, 14.4% yellow and 51% black. It has a hue angle of 166.5 degrees, a saturation of 47.1% and a lightness of 33.3%. #2d7d6b color hex could be obtained by blending #5afad6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 49
- B 42
RGB color chart
- C 64
- M 0
- Y 14
- K 51
CMYK color chart

● #2d7d6b color description : Dark moderate cyan.

The hexadecimal color #2d7d6b has RGB values of R:45, G:125, B:107 and CMYK values of C:0.64, M:0, Y:0.14, K:0.51. Its decimal value is 2981227.

Hex triplet	2d7d6b	`#2d7d6b`
RGB Decimal	45, 125, 107	`rgb(45,125,107)`
RGB Percent	17.6, 49, 42	`rgb(17.6%,49%,42%)`
CMYK	64, 0, 14, 51
HSL	166.5°, 47.1, 33.3	`hsl(166.5,47.1%,33.3%)`
HSV (or HSB)	166.5°, 64, 49
Web Safe	336666	`#336666`

CIE-LAB	47.347, -28.879, 2.658
XYZ	11.069, 16.286, 16.469
xyY	0.253, 0.372, 16.286
CIE-LCH	47.347, 29.001, 174.742
CIE-LUV	47.347, -32.353, 7.756
Hunter-Lab	40.356, -21.663, 4.052
Binary	00101101, 01111101, 01101011

#2d7d6b
```
#2d7d6b rgb(45,125,107)
```
#7d2d3f
```
#7d2d3f rgb(125,45,63)
```

Complementary Color

#2d7d43
```
#2d7d43 rgb(45,125,67)
```
#2d7d6b
```
#2d7d6b rgb(45,125,107)
```
#2d677d
```
#2d677d rgb(45,103,125)
```

Analogous Color

#7d432d
```
#7d432d rgb(125,67,45)
```
#2d7d6b
```
#2d7d6b rgb(45,125,107)
```
#7d2d67
```
#7d2d67 rgb(125,45,103)
```

Split Complementary Color

#7d6b2d
```
#7d6b2d rgb(125,107,45)
```
#2d7d6b
```
#2d7d6b rgb(45,125,107)
```
#6b2d7d
```
#6b2d7d rgb(107,45,125)
```

Triadic Color

#3f7d2d
```
#3f7d2d rgb(63,125,45)
```
#2d7d6b
```
#2d7d6b rgb(45,125,107)
```
#6b2d7d
```
#6b2d7d rgb(107,45,125)
```
#7d2d3f
```
#7d2d3f rgb(125,45,63)
```

Tetradic Color

#19453b
```
#19453b rgb(25,69,59)
```
#20584b
```
#20584b rgb(32,88,75)
```
#266a5b
```
#266a5b rgb(38,106,91)
```
#2d7d6b
```
#2d7d6b rgb(45,125,107)
```
#34907b
```
#34907b rgb(52,144,123)
```
#3ba38b
```
#3ba38b rgb(59,163,139)
```
#41b59b
```
#41b59b rgb(65,181,155)
```

Monochromatic Color

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

#2d7d57
```
#2d7d57 rgb(45,125,87)
```
#2d7d5e
```
#2d7d5e rgb(45,125,94)
```
#2d7d64
```
#2d7d64 rgb(45,125,100)
```
#2d7d6b
```
#2d7d6b rgb(45,125,107)
```
#2d7d72
```
#2d7d72 rgb(45,125,114)
```
#2d7d78
```
#2d7d78 rgb(45,125,120)
```
#2d7b7d
```
#2d7b7d rgb(45,123,125)
```

Similar Colors

Text with hexadecimal color #2d7d6b

This text has a font color of #2d7d6b.

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

#2d7d6b background color

This paragraph has a background color of #2d7d6b.

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

#2d7d6b border color

This element has a border color of #2d7d6b.

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

CSS codes

.text {color:#2d7d6b;}

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

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

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, #030a08 is the darkest color, while #fafdfd is the lightest one.

#030a08
```
#030a08 rgb(3,10,8)
```
#091815
```
#091815 rgb(9,24,21)
```
#0e2621
```
#0e2621 rgb(14,38,33)
```
#13352d
```
#13352d rgb(19,53,45)
```
#18433a
```
#18433a rgb(24,67,58)
```
#1d5246
```
#1d5246 rgb(29,82,70)
```
#236052
```
#236052 rgb(35,96,82)
```
#286f5f
```
#286f5f rgb(40,111,95)
```
#2d7d6b
```
#2d7d6b rgb(45,125,107)
```
#328b77
```
#328b77 rgb(50,139,119)
```
#379a84
```
#379a84 rgb(55,154,132)
```
#3da890
```
#3da890 rgb(61,168,144)
```
#42b79c
```
#42b79c rgb(66,183,156)
```

Shade Color Variation

#4dbfa5
```
#4dbfa5 rgb(77,191,165)
```
#5cc4ad
```
#5cc4ad rgb(92,196,173)
```
#6ac9b4
```
#6ac9b4 rgb(106,201,180)
```
#78cfbb
```
#78cfbb rgb(120,207,187)
```
#87d4c2
```
#87d4c2 rgb(135,212,194)
```
#95d9ca
```
#95d9ca rgb(149,217,202)
```
#a4ded1
```
#a4ded1 rgb(164,222,209)
```
#b2e3d8
```
#b2e3d8 rgb(178,227,216)
```
#c1e9e0
```
#c1e9e0 rgb(193,233,224)
```
#cfeee7
```
#cfeee7 rgb(207,238,231)
```
#ddf3ee
```
#ddf3ee rgb(221,243,238)
```
#ecf8f5
```
#ecf8f5 rgb(236,248,245)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#545655
```
#545655 rgb(84,86,85)
```
#4e5c59
```
#4e5c59 rgb(78,92,89)
```
#47635d
```
#47635d rgb(71,99,93)
```
#416960
```
#416960 rgb(65,105,96)
```
#3a7064
```
#3a7064 rgb(58,112,100)
```
#347667
```
#347667 rgb(52,118,103)
```
#2d7d6b
```
#2d7d6b rgb(45,125,107)
```
#26846f
```
#26846f rgb(38,132,111)
```
#208a72
```
#208a72 rgb(32,138,114)
```
#199176
```
#199176 rgb(25,145,118)
```
#139779
```
#139779 rgb(19,151,121)
```
#0c9e7d
```
#0c9e7d rgb(12,158,125)
```
#06a481
```
#06a481 rgb(6,164,129)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#586865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c776c Protanopia 1% of men
#827478 Deuteranopia 1% of men
#438089 Tritanopia 0.001% of the population

Trichromacy

#5f796b Protanomaly 1% of men, 0.01% of women
#637773 Deuteranomaly 6% of men, 0.4% of women
#3b7f7e Tritanomaly 0.01% of the population

#2d7d6b hex color

#2d7d6b Color Information

#2d7d6b Color Conversion

Color Schemes with #2d7d6b

Alternatives to #2d7d6b

#2d7d6b Preview

Shades and Tints of #2d7d6b

Tones of #2d7d6b

Color Blindness Simulator