colorhexa.com

#2d6757 hex color

In a RGB color space, hex #2d6757 is composed of 17.6% red, 40.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 0% magenta, 15.5% yellow and 59.6% black. It has a hue angle of 163.4 degrees, a saturation of 39.2% and a lightness of 29%. #2d6757 color hex could be obtained by blending #5aceae with #000000. Closest websafe color is: #336666.

- R 18
- G 40
- B 34
RGB color chart
- C 56
- M 0
- Y 16
- K 60
CMYK color chart

● #2d6757 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2d6757 has RGB values of R:45, G:103, B:87 and CMYK values of C:0.56, M:0, Y:0.16, K:0.6. Its decimal value is 2975575.

Hex triplet	2d6757	`#2d6757`
RGB Decimal	45, 103, 87	`rgb(45,103,87)`
RGB Percent	17.6, 40.4, 34.1	`rgb(17.6%,40.4%,34.1%)`
CMYK	56, 0, 16, 60
HSL	163.4°, 39.2, 29	`hsl(163.4,39.2%,29%)`
HSV (or HSB)	163.4°, 56.3, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.489, -23.278, 3.303
XYZ	7.652, 10.946, 10.726
xyY	0.261, 0.373, 10.946
CIE-LCH	39.489, 23.511, 171.923
CIE-LUV	39.489, -24.544, 7.458
Hunter-Lab	33.085, -16.613, 3.938
Binary	00101101, 01100111, 01010111

#2d6757
```
#2d6757 rgb(45,103,87)
```
#672d3d
```
#672d3d rgb(103,45,61)
```

Complementary Color

#2d673a
```
#2d673a rgb(45,103,58)
```
#2d6757
```
#2d6757 rgb(45,103,87)
```
#2d5a67
```
#2d5a67 rgb(45,90,103)
```

Analogous Color

#673a2d
```
#673a2d rgb(103,58,45)
```
#2d6757
```
#2d6757 rgb(45,103,87)
```
#672d5a
```
#672d5a rgb(103,45,90)
```

Split Complementary Color

#67572d
```
#67572d rgb(103,87,45)
```
#2d6757
```
#2d6757 rgb(45,103,87)
```
#572d67
```
#572d67 rgb(87,45,103)
```

Triadic Color

#16322a
```
#16322a rgb(22,50,42)
```
#1d4439
```
#1d4439 rgb(29,68,57)
```
#255548
```
#255548 rgb(37,85,72)
```
#2d6757
```
#2d6757 rgb(45,103,87)
```
#357966
```
#357966 rgb(53,121,102)
```
#3d8a75
```
#3d8a75 rgb(61,138,117)
```
#449c84
```
#449c84 rgb(68,156,132)
```

Monochromatic Color

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

#2d6749
```
#2d6749 rgb(45,103,73)
```
#2d674d
```
#2d674d rgb(45,103,77)
```
#2d6752
```
#2d6752 rgb(45,103,82)
```
#2d6757
```
#2d6757 rgb(45,103,87)
```
#2d675c
```
#2d675c rgb(45,103,92)
```
#2d6761
```
#2d6761 rgb(45,103,97)
```
#2d6766
```
#2d6766 rgb(45,103,102)
```

Similar Colors

Text with hexadecimal color #2d6757

This text has a font color of #2d6757.

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

#2d6757 background color

This paragraph has a background color of #2d6757.

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

#2d6757 border color

This element has a border color of #2d6757.

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

CSS codes

.text {color:#2d6757;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#091512
```
#091512 rgb(9,21,18)
```
#0f231d
```
#0f231d rgb(15,35,29)
```
#153029
```
#153029 rgb(21,48,41)
```
#1b3e34
```
#1b3e34 rgb(27,62,52)
```
#214c40
```
#214c40 rgb(33,76,64)
```
#27594b
```
#27594b rgb(39,89,75)
```
#2d6757
```
#2d6757 rgb(45,103,87)
```
#337563
```
#337563 rgb(51,117,99)
```
#39826e
```
#39826e rgb(57,130,110)
```
#3f907a
```
#3f907a rgb(63,144,122)
```
#459e85
```
#459e85 rgb(69,158,133)
```
#4bab91
```
#4bab91 rgb(75,171,145)
```

Shade Color Variation

#55b59a
```
#55b59a rgb(85,181,154)
```
#63bba2
```
#63bba2 rgb(99,187,162)
```
#70c1aa
```
#70c1aa rgb(112,193,170)
```
#7ec7b3
```
#7ec7b3 rgb(126,199,179)
```
#8ccdbb
```
#8ccdbb rgb(140,205,187)
```
#99d3c3
```
#99d3c3 rgb(153,211,195)
```
#a7d9cb
```
#a7d9cb rgb(167,217,203)
```
#b5ded3
```
#b5ded3 rgb(181,222,211)
```
#c2e4db
```
#c2e4db rgb(194,228,219)
```
#d0eae3
```
#d0eae3 rgb(208,234,227)
```
#ddf0eb
```
#ddf0eb rgb(221,240,235)
```
#ebf6f3
```
#ebf6f3 rgb(235,246,243)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494b4a is the less saturated color, while #058f69 is the most saturated one.

#494b4a
```
#494b4a rgb(73,75,74)
```
#44504d
```
#44504d rgb(68,80,77)
```
#3e564f
```
#3e564f rgb(62,86,79)
```
#385c52
```
#385c52 rgb(56,92,82)
```
#336154
```
#336154 rgb(51,97,84)
```
#2d6757
```
#2d6757 rgb(45,103,87)
```
#276d5a
```
#276d5a rgb(39,109,90)
```
#22725c
```
#22725c rgb(34,114,92)
```
#1c785f
```
#1c785f rgb(28,120,95)
```
#167e61
```
#167e61 rgb(22,126,97)
```
#118364
```
#118364 rgb(17,131,100)
```
#0b8966
```
#0b8966 rgb(11,137,102)
```
#058f69
```
#058f69 rgb(5,143,105)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69655a Protanopia 1% of men
#6f6264 Deuteranopia 1% of men
#3f6b73 Tritanopia 0.001% of the population

Trichromacy

#536559 Protanomaly 1% of men, 0.01% of women
#57645f Deuteranomaly 6% of men, 0.4% of women
#386a69 Tritanomaly 0.01% of the population