#2daf9a hex color

In a RGB color space, hex #2daf9a is composed of 17.6% red, 68.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 12% yellow and 31.4% black. It has a hue angle of 170.3 degrees, a saturation of 59.1% and a lightness of 43.1%. #2daf9a color hex could be obtained by blending #5affff with #005f35. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 69
- B 60
RGB color chart
- C 74
- M 0
- Y 12
- K 31
CMYK color chart

● #2daf9a color description : Dark cyan.

The hexadecimal color #2daf9a has RGB values of R:45, G:175, B:154 and CMYK values of C:0.74, M:0, Y:0.12, K:0.31. Its decimal value is 2994074.

Hex triplet	2daf9a	`#2daf9a`
RGB Decimal	45, 175, 154	`rgb(45,175,154)`
RGB Percent	17.6, 68.6, 60.4	`rgb(17.6%,68.6%,60.4%)`
CMYK	74, 0, 12, 31
HSL	170.3°, 59.1, 43.1	`hsl(170.3,59.1%,43.1%)`
HSV (or HSB)	170.3°, 74.3, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.603, -39.305, 0.836
XYZ	22.243, 33.549, 35.873
xyY	0.243, 0.366, 33.549
CIE-LCH	64.603, 39.314, 178.781
CIE-LUV	64.603, -48.127, 7.214
Hunter-Lab	57.921, -32.815, 3.824
Binary	00101101, 10101111, 10011010

#2daf9a
```
#2daf9a rgb(45,175,154)
```
#af2d42
```
#af2d42 rgb(175,45,66)
```

Complementary Color

#2daf59
```
#2daf59 rgb(45,175,89)
```
#2daf9a
```
#2daf9a rgb(45,175,154)
```
#2d83af
```
#2d83af rgb(45,131,175)
```

Analogous Color

#af592d
```
#af592d rgb(175,89,45)
```
#2daf9a
```
#2daf9a rgb(45,175,154)
```
#af2d83
```
#af2d83 rgb(175,45,131)
```

Split Complementary Color

#af9a2d
```
#af9a2d rgb(175,154,45)
```
#2daf9a
```
#2daf9a rgb(45,175,154)
```
#9a2daf
```
#9a2daf rgb(154,45,175)
```

Triadic Color

#42af2d
```
#42af2d rgb(66,175,45)
```
#2daf9a
```
#2daf9a rgb(45,175,154)
```
#9a2daf
```
#9a2daf rgb(154,45,175)
```
#af2d42
```
#af2d42 rgb(175,45,66)
```

Tetradic Color

#1d7264
```
#1d7264 rgb(29,114,100)
```
#238676
```
#238676 rgb(35,134,118)
```
#289b88
```
#289b88 rgb(40,155,136)
```
#2daf9a
```
#2daf9a rgb(45,175,154)
```
#32c3ac
```
#32c3ac rgb(50,195,172)
```
#41ceb7
```
#41ceb7 rgb(65,206,183)
```
#55d3bf
```
#55d3bf rgb(85,211,191)
```

Monochromatic Color

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

#2daf7a
```
#2daf7a rgb(45,175,122)
```
#2daf84
```
#2daf84 rgb(45,175,132)
```
#2daf8f
```
#2daf8f rgb(45,175,143)
```
#2daf9a
```
#2daf9a rgb(45,175,154)
```
#2dafa5
```
#2dafa5 rgb(45,175,165)
```
#2daeaf
```
#2daeaf rgb(45,174,175)
```
#2da4af
```
#2da4af rgb(45,164,175)
```

Similar Colors

Text with hexadecimal color #2daf9a

This text has a font color of #2daf9a.

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

#2daf9a background color

This paragraph has a background color of #2daf9a.

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

#2daf9a border color

This element has a border color of #2daf9a.

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

CSS codes

.text {color:#2daf9a;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051311
```
#051311 rgb(5,19,17)
```
#09231e
```
#09231e rgb(9,35,30)
```
#0d322c
```
#0d322c rgb(13,50,44)
```
#11423a
```
#11423a rgb(17,66,58)
```
#155148
```
#155148 rgb(21,81,72)
```
#196155
```
#196155 rgb(25,97,85)
```
#1d7163
```
#1d7163 rgb(29,113,99)
```
#218071
```
#218071 rgb(33,128,113)
```
#25907f
```
#25907f rgb(37,144,127)
```
#299f8c
```
#299f8c rgb(41,159,140)
```
#2daf9a
```
#2daf9a rgb(45,175,154)
```
#31bfa8
```
#31bfa8 rgb(49,191,168)
```

Shade Color Variation

#38ccb4
```
#38ccb4 rgb(56,204,180)
```
#47d0ba
```
#47d0ba rgb(71,208,186)
```
#57d4c0
```
#57d4c0 rgb(87,212,192)
```
#66d8c5
```
#66d8c5 rgb(102,216,197)
```
#76dccb
```
#76dccb rgb(118,220,203)
```
#86e0d1
```
#86e0d1 rgb(134,224,209)
```
#95e4d7
```
#95e4d7 rgb(149,228,215)
```
#a5e8dd
```
#a5e8dd rgb(165,232,221)
```
#b4ece3
```
#b4ece3 rgb(180,236,227)
```
#c4f0e9
```
#c4f0e9 rgb(196,240,233)
```
#d4f4ef
```
#d4f4ef rgb(212,244,239)
```
#e3f8f5
```
#e3f8f5 rgb(227,248,245)
```
#f3fcfa
```
#f3fcfa rgb(243,252,250)
```

Tint Color Variation

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

#687472
```
#687472 rgb(104,116,114)
```
#607c78
```
#607c78 rgb(96,124,120)
```
#57857d
```
#57857d rgb(87,133,125)
```
#4f8d83
```
#4f8d83 rgb(79,141,131)
```
#469689
```
#469689 rgb(70,150,137)
```
#3e9e8f
```
#3e9e8f rgb(62,158,143)
```
#35a794
```
#35a794 rgb(53,167,148)
```
#2daf9a
```
#2daf9a rgb(45,175,154)
```
#25b7a0
```
#25b7a0 rgb(37,183,160)
```
#1cc0a5
```
#1cc0a5 rgb(28,192,165)
```
#14c8ab
```
#14c8ab rgb(20,200,171)
```
#0bd1b1
```
#0bd1b1 rgb(11,209,177)
```
#03d9b7
```
#03d9b7 rgb(3,217,183)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#748e8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a196 Protanopia 1% of men
#ae9da7 Deuteranopia 1% of men
#4baebb Tritanopia 0.001% of the population

Trichromacy

#7aa697 Protanomaly 1% of men, 0.01% of women
#7fa3a2 Deuteranomaly 6% of men, 0.4% of women
#40aeaf Tritanomaly 0.01% of the population

#2daf9a hex color

#2daf9a Color Information

#2daf9a Color Conversion

Color Schemes with #2daf9a

Alternatives to #2daf9a

#2daf9a Preview

Shades and Tints of #2daf9a

Tones of #2daf9a

Color Blindness Simulator