#2d6a5e hex color

In a RGB color space, hex #2d6a5e is composed of 17.6% red, 41.6% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 0% magenta, 11.3% yellow and 58.4% black. It has a hue angle of 168.2 degrees, a saturation of 40.4% and a lightness of 29.6%. #2d6a5e color hex could be obtained by blending #5ad4bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 42
- B 37
RGB color chart
- C 58
- M 0
- Y 11
- K 58
CMYK color chart

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

The hexadecimal color #2d6a5e has RGB values of R:45, G:106, B:94 and CMYK values of C:0.58, M:0, Y:0.11, K:0.58. Its decimal value is 2976350.

Hex triplet	2d6a5e	`#2d6a5e`
RGB Decimal	45, 106, 94	`rgb(45,106,94)`
RGB Percent	17.6, 41.6, 36.9	`rgb(17.6%,41.6%,36.9%)`
CMYK	58, 0, 11, 58
HSL	168.2°, 40.4, 29.6	`hsl(168.2,40.4%,29.6%)`
HSV (or HSB)	168.2°, 57.5, 41.6
Web Safe	336666	`#336666`

CIE-LAB	40.692, -22.929, 0.784
XYZ	8.256, 11.673, 12.407
xyY	0.255, 0.361, 11.673
CIE-LCH	40.692, 22.942, 178.043
CIE-LUV	40.692, -25.459, 4.211
Hunter-Lab	34.166, -16.659, 2.386
Binary	00101101, 01101010, 01011110

#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#6a2d39
```
#6a2d39 rgb(106,45,57)
```

Complementary Color

#2d6a40
```
#2d6a40 rgb(45,106,64)
```
#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#2d586a
```
#2d586a rgb(45,88,106)
```

Analogous Color

#6a402d
```
#6a402d rgb(106,64,45)
```
#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#6a2d58
```
#6a2d58 rgb(106,45,88)
```

Split Complementary Color

#6a5e2d
```
#6a5e2d rgb(106,94,45)
```
#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#5e2d6a
```
#5e2d6a rgb(94,45,106)
```

Triadic Color

#396a2d
```
#396a2d rgb(57,106,45)
```
#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#5e2d6a
```
#5e2d6a rgb(94,45,106)
```
#6a2d39
```
#6a2d39 rgb(106,45,57)
```

Tetradic Color

#16342e
```
#16342e rgb(22,52,46)
```
#1e463e
```
#1e463e rgb(30,70,62)
```
#25584e
```
#25584e rgb(37,88,78)
```
#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#357c6e
```
#357c6e rgb(53,124,110)
```
#3c8e7e
```
#3c8e7e rgb(60,142,126)
```
#44a08e
```
#44a08e rgb(68,160,142)
```

Monochromatic Color

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

#2d6a4f
```
#2d6a4f rgb(45,106,79)
```
#2d6a54
```
#2d6a54 rgb(45,106,84)
```
#2d6a59
```
#2d6a59 rgb(45,106,89)
```
#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#2d6a63
```
#2d6a63 rgb(45,106,99)
```
#2d6a68
```
#2d6a68 rgb(45,106,104)
```
#2d676a
```
#2d676a rgb(45,103,106)
```

Similar Colors

Text with hexadecimal color #2d6a5e

This text has a font color of #2d6a5e.

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

#2d6a5e background color

This paragraph has a background color of #2d6a5e.

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

#2d6a5e border color

This element has a border color of #2d6a5e.

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

CSS codes

.text {color:#2d6a5e;}

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

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

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, #040a09 is the darkest color, while #fbfdfd is the lightest one.

#040a09
```
#040a09 rgb(4,10,9)
```
#0a1715
```
#0a1715 rgb(10,23,21)
```
#102521
```
#102521 rgb(16,37,33)
```
#16332d
```
#16332d rgb(22,51,45)
```
#1b4139
```
#1b4139 rgb(27,65,57)
```
#214e46
```
#214e46 rgb(33,78,70)
```
#275c52
```
#275c52 rgb(39,92,82)
```
#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#33786a
```
#33786a rgb(51,120,106)
```
#398676
```
#398676 rgb(57,134,118)
```
#3f9383
```
#3f9383 rgb(63,147,131)
```
#44a18f
```
#44a18f rgb(68,161,143)
```
#4aaf9b
```
#4aaf9b rgb(74,175,155)
```

Shade Color Variation

#56b7a4
```
#56b7a4 rgb(86,183,164)
```
#63bdab
```
#63bdab rgb(99,189,171)
```
#71c3b3
```
#71c3b3 rgb(113,195,179)
```
#7fc9ba
```
#7fc9ba rgb(127,201,186)
```
#8dcec2
```
#8dcec2 rgb(141,206,194)
```
#9ad4c9
```
#9ad4c9 rgb(154,212,201)
```
#a8dad0
```
#a8dad0 rgb(168,218,208)
```
#b6e0d8
```
#b6e0d8 rgb(182,224,216)
```
#c4e6df
```
#c4e6df rgb(196,230,223)
```
#d2ece7
```
#d2ece7 rgb(210,236,231)
```
#dff2ee
```
#dff2ee rgb(223,242,238)
```
#edf7f5
```
#edf7f5 rgb(237,247,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#4a4d4c
```
#4a4d4c rgb(74,77,76)
```
#445350
```
#445350 rgb(68,83,80)
```
#3e5953
```
#3e5953 rgb(62,89,83)
```
#395e57
```
#395e57 rgb(57,94,87)
```
#33645a
```
#33645a rgb(51,100,90)
```
#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#277062
```
#277062 rgb(39,112,98)
```
#217665
```
#217665 rgb(33,118,101)
```
#1c7b69
```
#1c7b69 rgb(28,123,105)
```
#16816c
```
#16816c rgb(22,129,108)
```
#108770
```
#108770 rgb(16,135,112)
```
#0a8d73
```
#0a8d73 rgb(10,141,115)
```
#049377
```
#049377 rgb(4,147,119)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6761 Protanopia 1% of men
#70656a Deuteranopia 1% of men
#3f6f77 Tritanopia 0.001% of the population

Trichromacy

#546860 Protanomaly 1% of men, 0.01% of women
#586666 Deuteranomaly 6% of men, 0.4% of women
#386d6e Tritanomaly 0.01% of the population

#2d6a5e hex color

#2d6a5e Color Information

#2d6a5e Color Conversion

Color Schemes with #2d6a5e

Alternatives to #2d6a5e

#2d6a5e Preview

Shades and Tints of #2d6a5e

Tones of #2d6a5e

Color Blindness Simulator