#2daa96 hex color

In a RGB color space, hex #2daa96 is composed of 17.6% red, 66.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 0% magenta, 11.8% yellow and 33.3% black. It has a hue angle of 170.4 degrees, a saturation of 58.1% and a lightness of 42.2%. #2daa96 color hex could be obtained by blending #5affff with #00552d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 67
- B 59
RGB color chart
- C 74
- M 0
- Y 12
- K 33
CMYK color chart

● #2daa96 color description : Dark cyan.

The hexadecimal color #2daa96 has RGB values of R:45, G:170, B:150 and CMYK values of C:0.74, M:0, Y:0.12, K:0.33. Its decimal value is 2992790.

Hex triplet	2daa96	`#2daa96`
RGB Decimal	45, 170, 150	`rgb(45,170,150)`
RGB Percent	17.6, 66.7, 58.8	`rgb(17.6%,66.7%,58.8%)`
CMYK	74, 0, 12, 33
HSL	170.4°, 58.1, 42.2	`hsl(170.4,58.1%,42.2%)`
HSV (or HSB)	170.4°, 73.5, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.934, -38.152, 0.633
XYZ	20.96, 31.507, 33.829
xyY	0.243, 0.365, 31.507
CIE-LCH	62.934, 38.157, 179.049
CIE-LUV	62.934, -46.589, 6.708
Hunter-Lab	56.131, -31.576, 3.559
Binary	00101101, 10101010, 10010110

#2daa96
```
#2daa96 rgb(45,170,150)
```
#aa2d41
```
#aa2d41 rgb(170,45,65)
```

Complementary Color

#2daa58
```
#2daa58 rgb(45,170,88)
```
#2daa96
```
#2daa96 rgb(45,170,150)
```
#2d80aa
```
#2d80aa rgb(45,128,170)
```

Analogous Color

#aa582d
```
#aa582d rgb(170,88,45)
```
#2daa96
```
#2daa96 rgb(45,170,150)
```
#aa2d80
```
#aa2d80 rgb(170,45,128)
```

Split Complementary Color

#aa962d
```
#aa962d rgb(170,150,45)
```
#2daa96
```
#2daa96 rgb(45,170,150)
```
#962daa
```
#962daa rgb(150,45,170)
```

Triadic Color

#41aa2d
```
#41aa2d rgb(65,170,45)
```
#2daa96
```
#2daa96 rgb(45,170,150)
```
#962daa
```
#962daa rgb(150,45,170)
```
#aa2d41
```
#aa2d41 rgb(170,45,65)
```

Tetradic Color

#1d6e61
```
#1d6e61 rgb(29,110,97)
```
#228272
```
#228272 rgb(34,130,114)
```
#289684
```
#289684 rgb(40,150,132)
```
#2daa96
```
#2daa96 rgb(45,170,150)
```
#32bea8
```
#32bea8 rgb(50,190,168)
```
#3eccb5
```
#3eccb5 rgb(62,204,181)
```
#52d1bd
```
#52d1bd rgb(82,209,189)
```

Monochromatic Color

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

#2daa77
```
#2daa77 rgb(45,170,119)
```
#2daa81
```
#2daa81 rgb(45,170,129)
```
#2daa8c
```
#2daa8c rgb(45,170,140)
```
#2daa96
```
#2daa96 rgb(45,170,150)
```
#2daaa0
```
#2daaa0 rgb(45,170,160)
```
#2da9aa
```
#2da9aa rgb(45,169,170)
```
#2d9faa
```
#2d9faa rgb(45,159,170)
```

Similar Colors

Text with hexadecimal color #2daa96

This text has a font color of #2daa96.

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

#2daa96 background color

This paragraph has a background color of #2daa96.

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

#2daa96 border color

This element has a border color of #2daa96.

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

CSS codes

.text {color:#2daa96;}

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

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

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

#040f0d
```
#040f0d rgb(4,15,13)
```
#081e1b
```
#081e1b rgb(8,30,27)
```
#0c2e29
```
#0c2e29 rgb(12,46,41)
```
#103d36
```
#103d36 rgb(16,61,54)
```
#144d44
```
#144d44 rgb(20,77,68)
```
#185c52
```
#185c52 rgb(24,92,82)
```
#1d6c5f
```
#1d6c5f rgb(29,108,95)
```
#217b6d
```
#217b6d rgb(33,123,109)
```
#258b7b
```
#258b7b rgb(37,139,123)
```
#299a88
```
#299a88 rgb(41,154,136)
```
#2daa96
```
#2daa96 rgb(45,170,150)
```
#31baa4
```
#31baa4 rgb(49,186,164)
```
#35c9b1
```
#35c9b1 rgb(53,201,177)
```

Shade Color Variation

#44ceb8
```
#44ceb8 rgb(68,206,184)
```
#54d2be
```
#54d2be rgb(84,210,190)
```
#63d6c3
```
#63d6c3 rgb(99,214,195)
```
#73dac9
```
#73dac9 rgb(115,218,201)
```
#82decf
```
#82decf rgb(130,222,207)
```
#92e2d5
```
#92e2d5 rgb(146,226,213)
```
#a1e6db
```
#a1e6db rgb(161,230,219)
```
#b1eae1
```
#b1eae1 rgb(177,234,225)
```
#c0eee7
```
#c0eee7 rgb(192,238,231)
```
#d0f3ed
```
#d0f3ed rgb(208,243,237)
```
#dff7f3
```
#dff7f3 rgb(223,247,243)
```
#effbf9
```
#effbf9 rgb(239,251,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67706f is the less saturated color, while #04d3b2 is the most saturated one.

#67706f
```
#67706f rgb(103,112,111)
```
#5f7874
```
#5f7874 rgb(95,120,116)
```
#56817a
```
#56817a rgb(86,129,122)
```
#4e8980
```
#4e8980 rgb(78,137,128)
```
#469185
```
#469185 rgb(70,145,133)
```
#3e998b
```
#3e998b rgb(62,153,139)
```
#35a290
```
#35a290 rgb(53,162,144)
```
#2daa96
```
#2daa96 rgb(45,170,150)
```
#25b29c
```
#25b29c rgb(37,178,156)
```
#1cbba1
```
#1cbba1 rgb(28,187,161)
```
#14c3a7
```
#14c3a7 rgb(20,195,167)
```
#0ccbac
```
#0ccbac rgb(12,203,172)
```
#04d3b2
```
#04d3b2 rgb(4,211,178)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#718a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29d92 Protanopia 1% of men
#a999a3 Deuteranopia 1% of men
#4aaab6 Tritanopia 0.001% of the population

Trichromacy

#78a193 Protanomaly 1% of men, 0.01% of women
#7c9f9e Deuteranomaly 6% of men, 0.4% of women
#3faaaa Tritanomaly 0.01% of the population

#2daa96 hex color

#2daa96 Color Information

#2daa96 Color Conversion

Color Schemes with #2daa96

Alternatives to #2daa96

#2daa96 Preview

Shades and Tints of #2daa96

Tones of #2daa96

Color Blindness Simulator