#2daaa5 hex color

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

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

● #2daaa5 color description : Dark cyan.

The hexadecimal color #2daaa5 has RGB values of R:45, G:170, B:165 and CMYK values of C:0.74, M:0, Y:0.03, K:0.33. Its decimal value is 2992805.

Hex triplet	2daaa5	`#2daaa5`
RGB Decimal	45, 170, 165	`rgb(45,170,165)`
RGB Percent	17.6, 66.7, 64.7	`rgb(17.6%,66.7%,64.7%)`
CMYK	74, 0, 3, 33
HSL	177.6°, 58.1, 42.2	`hsl(177.6,58.1%,42.2%)`
HSV (or HSB)	177.6°, 73.5, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.361, -33.937, -7.127
XYZ	22.246, 32.022, 40.604
xyY	0.234, 0.338, 32.022
CIE-LCH	63.361, 34.677, 191.861
CIE-LUV	63.361, -45.569, -5.574
Hunter-Lab	56.588, -28.855, -2.931
Binary	00101101, 10101010, 10100101

#2daaa5
```
#2daaa5 rgb(45,170,165)
```
#aa2d32
```
#aa2d32 rgb(170,45,50)
```

Complementary Color

#2daa67
```
#2daa67 rgb(45,170,103)
```
#2daaa5
```
#2daaa5 rgb(45,170,165)
```
#2d71aa
```
#2d71aa rgb(45,113,170)
```

Analogous Color

#aa672d
```
#aa672d rgb(170,103,45)
```
#2daaa5
```
#2daaa5 rgb(45,170,165)
```
#aa2d71
```
#aa2d71 rgb(170,45,113)
```

Split Complementary Color

#aaa52d
```
#aaa52d rgb(170,165,45)
```
#2daaa5
```
#2daaa5 rgb(45,170,165)
```
#a52daa
```
#a52daa rgb(165,45,170)
```

Triadic Color

#32aa2d
```
#32aa2d rgb(50,170,45)
```
#2daaa5
```
#2daaa5 rgb(45,170,165)
```
#a52daa
```
#a52daa rgb(165,45,170)
```
#aa2d32
```
#aa2d32 rgb(170,45,50)
```

Tetradic Color

#1d6e6a
```
#1d6e6a rgb(29,110,106)
```
#22827e
```
#22827e rgb(34,130,126)
```
#289691
```
#289691 rgb(40,150,145)
```
#2daaa5
```
#2daaa5 rgb(45,170,165)
```
#32beb9
```
#32beb9 rgb(50,190,185)
```
#3eccc6
```
#3eccc6 rgb(62,204,198)
```
#52d1cc
```
#52d1cc rgb(82,209,204)
```

Monochromatic Color

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

#2daa86
```
#2daa86 rgb(45,170,134)
```
#2daa90
```
#2daa90 rgb(45,170,144)
```
#2daa9b
```
#2daa9b rgb(45,170,155)
```
#2daaa5
```
#2daaa5 rgb(45,170,165)
```
#2da5aa
```
#2da5aa rgb(45,165,170)
```
#2d9aaa
```
#2d9aaa rgb(45,154,170)
```
#2d90aa
```
#2d90aa rgb(45,144,170)
```

Similar Colors

Text with hexadecimal color #2daaa5

This text has a font color of #2daaa5.

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

#2daaa5 background color

This paragraph has a background color of #2daaa5.

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

#2daaa5 border color

This element has a border color of #2daaa5.

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

CSS codes

.text {color:#2daaa5;}

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

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

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

#040f0e
```
#040f0e rgb(4,15,14)
```
#081e1e
```
#081e1e rgb(8,30,30)
```
#0c2e2d
```
#0c2e2d rgb(12,46,45)
```
#103d3c
```
#103d3c rgb(16,61,60)
```
#144d4b
```
#144d4b rgb(20,77,75)
```
#185c5a
```
#185c5a rgb(24,92,90)
```
#1d6c69
```
#1d6c69 rgb(29,108,105)
```
#217b78
```
#217b78 rgb(33,123,120)
```
#258b87
```
#258b87 rgb(37,139,135)
```
#299a96
```
#299a96 rgb(41,154,150)
```
#2daaa5
```
#2daaa5 rgb(45,170,165)
```
#31bab4
```
#31bab4 rgb(49,186,180)
```
#35c9c3
```
#35c9c3 rgb(53,201,195)
```

Shade Color Variation

#44cec8
```
#44cec8 rgb(68,206,200)
```
#54d2cd
```
#54d2cd rgb(84,210,205)
```
#63d6d1
```
#63d6d1 rgb(99,214,209)
```
#73dad6
```
#73dad6 rgb(115,218,214)
```
#82deda
```
#82deda rgb(130,222,218)
```
#92e2df
```
#92e2df rgb(146,226,223)
```
#a1e6e3
```
#a1e6e3 rgb(161,230,227)
```
#b1eae8
```
#b1eae8 rgb(177,234,232)
```
#c0eeed
```
#c0eeed rgb(192,238,237)
```
#d0f3f1
```
#d0f3f1 rgb(208,243,241)
```
#dff7f6
```
#dff7f6 rgb(223,247,246)
```
#effbfa
```
#effbfa rgb(239,251,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#677070
```
#677070 rgb(103,112,112)
```
#5f7877
```
#5f7877 rgb(95,120,119)
```
#56817f
```
#56817f rgb(86,129,127)
```
#4e8987
```
#4e8987 rgb(78,137,135)
```
#46918e
```
#46918e rgb(70,145,142)
```
#3e9996
```
#3e9996 rgb(62,153,150)
```
#35a29d
```
#35a29d rgb(53,162,157)
```
#2daaa5
```
#2daaa5 rgb(45,170,165)
```
#25b2ad
```
#25b2ad rgb(37,178,173)
```
#1cbbb4
```
#1cbbb4 rgb(28,187,180)
```
#14c3bc
```
#14c3bc rgb(20,195,188)
```
#0ccbc3
```
#0ccbc3 rgb(12,203,195)
```
#04d3cb
```
#04d3cb rgb(4,211,203)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#738c8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09da0 Protanopia 1% of men
#a49ab0 Deuteranopia 1% of men
#43acb8 Tritanopia 0.001% of the population

Trichromacy

#76a2a2 Protanomaly 1% of men, 0.01% of women
#79a0ac Deuteranomaly 6% of men, 0.4% of women
#3babb1 Tritanomaly 0.01% of the population

#2daaa5 hex color

#2daaa5 Color Information

#2daaa5 Color Conversion

Color Schemes with #2daaa5

Alternatives to #2daaa5

#2daaa5 Preview

Shades and Tints of #2daaa5

Tones of #2daaa5

Color Blindness Simulator