#2dd5af hex color

In a RGB color space, hex #2dd5af is composed of 17.6% red, 83.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 0% magenta, 17.8% yellow and 16.5% black. It has a hue angle of 166.4 degrees, a saturation of 66.7% and a lightness of 50.6%. #2dd5af color hex could be obtained by blending #5affff with #00ab5f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 84
- B 69
RGB color chart
- C 79
- M 0
- Y 18
- K 16
CMYK color chart

● #2dd5af color description : Strong cyan.

The hexadecimal color #2dd5af has RGB values of R:45, G:213, B:175 and CMYK values of C:0.79, M:0, Y:0.18, K:0.16. Its decimal value is 3003823.

Hex triplet	2dd5af	`#2dd5af`
RGB Decimal	45, 213, 175	`rgb(45,213,175)`
RGB Percent	17.6, 83.5, 68.6	`rgb(17.6%,83.5%,68.6%)`
CMYK	79, 0, 18, 16
HSL	166.4°, 66.7, 50.6	`hsl(166.4,66.7%,50.6%)`
HSV (or HSB)	166.4°, 78.9, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.823, -50.063, 7.061
XYZ	32.611, 51.238, 48.726
xyY	0.246, 0.386, 51.238
CIE-LCH	76.823, 50.558, 171.972
CIE-LUV	76.823, -60.068, 18.405
Hunter-Lab	71.581, -43.944, 9.747
Binary	00101101, 11010101, 10101111

#2dd5af
```
#2dd5af rgb(45,213,175)
```
#d52d53
```
#d52d53 rgb(213,45,83)
```

Complementary Color

#2dd55b
```
#2dd55b rgb(45,213,91)
```
#2dd5af
```
#2dd5af rgb(45,213,175)
```
#2da7d5
```
#2da7d5 rgb(45,167,213)
```

Analogous Color

#d55b2d
```
#d55b2d rgb(213,91,45)
```
#2dd5af
```
#2dd5af rgb(45,213,175)
```
#d52da7
```
#d52da7 rgb(213,45,167)
```

Split Complementary Color

#d5af2d
```
#d5af2d rgb(213,175,45)
```
#2dd5af
```
#2dd5af rgb(45,213,175)
```
#af2dd5
```
#af2dd5 rgb(175,45,213)
```

Triadic Color

#53d52d
```
#53d52d rgb(83,213,45)
```
#2dd5af
```
#2dd5af rgb(45,213,175)
```
#af2dd5
```
#af2dd5 rgb(175,45,213)
```
#d52d53
```
#d52d53 rgb(213,45,83)
```

Tetradic Color

#1e977c
```
#1e977c rgb(30,151,124)
```
#23ad8d
```
#23ad8d rgb(35,173,141)
```
#27c29f
```
#27c29f rgb(39,194,159)
```
#2dd5af
```
#2dd5af rgb(45,213,175)
```
#42d9b7
```
#42d9b7 rgb(66,217,183)
```
#58debf
```
#58debf rgb(88,222,191)
```
#6de2c7
```
#6de2c7 rgb(109,226,199)
```

Monochromatic Color

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

#2dd585
```
#2dd585 rgb(45,213,133)
```
#2dd593
```
#2dd593 rgb(45,213,147)
```
#2dd5a1
```
#2dd5a1 rgb(45,213,161)
```
#2dd5af
```
#2dd5af rgb(45,213,175)
```
#2dd5bd
```
#2dd5bd rgb(45,213,189)
```
#2dd5cb
```
#2dd5cb rgb(45,213,203)
```
#2dd1d5
```
#2dd1d5 rgb(45,209,213)
```

Similar Colors

Text with hexadecimal color #2dd5af

This text has a font color of #2dd5af.

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

#2dd5af background color

This paragraph has a background color of #2dd5af.

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

#2dd5af border color

This element has a border color of #2dd5af.

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

CSS codes

.text {color:#2dd5af;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#04130f
```
#04130f rgb(4,19,15)
```
#07231d
```
#07231d rgb(7,35,29)
```
#0a342a
```
#0a342a rgb(10,52,42)
```
#0e4438
```
#0e4438 rgb(14,68,56)
```
#115445
```
#115445 rgb(17,84,69)
```
#146552
```
#146552 rgb(20,101,82)
```
#177560
```
#177560 rgb(23,117,96)
```
#1b856d
```
#1b856d rgb(27,133,109)
```
#1e967b
```
#1e967b rgb(30,150,123)
```
#21a688
```
#21a688 rgb(33,166,136)
```
#24b695
```
#24b695 rgb(36,182,149)
```
#28c7a3
```
#28c7a3 rgb(40,199,163)
```

Shade Color Variation

#2dd5af
```
#2dd5af rgb(45,213,175)
```
#3dd8b5
```
#3dd8b5 rgb(61,216,181)
```
#4edcbb
```
#4edcbb rgb(78,220,187)
```
#5edfc2
```
#5edfc2 rgb(94,223,194)
```
#6ee2c8
```
#6ee2c8 rgb(110,226,200)
```
#7fe5ce
```
#7fe5ce rgb(127,229,206)
```
#8fe9d4
```
#8fe9d4 rgb(143,233,212)
```
#9fecdb
```
#9fecdb rgb(159,236,219)
```
#b0efe1
```
#b0efe1 rgb(176,239,225)
```
#c0f2e7
```
#c0f2e7 rgb(192,242,231)
```
#d0f6ed
```
#d0f6ed rgb(208,246,237)
```
#e1f9f3
```
#e1f9f3 rgb(225,249,243)
```
#f1fcfa
```
#f1fcfa rgb(241,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8785 is the less saturated color, while #06fcc4 is the most saturated one.

#7b8785
```
#7b8785 rgb(123,135,133)
```
#71918a
```
#71918a rgb(113,145,138)
```
#679b8f
```
#679b8f rgb(103,155,143)
```
#5da594
```
#5da594 rgb(93,165,148)
```
#54ae9a
```
#54ae9a rgb(84,174,154)
```
#4ab89f
```
#4ab89f rgb(74,184,159)
```
#40c2a4
```
#40c2a4 rgb(64,194,164)
```
#37cbaa
```
#37cbaa rgb(55,203,170)
```
#2dd5af
```
#2dd5af rgb(45,213,175)
```
#23dfb4
```
#23dfb4 rgb(35,223,180)
```
#1ae8ba
```
#1ae8ba rgb(26,232,186)
```
#10f2bf
```
#10f2bf rgb(16,242,191)
```
#06fcc4
```
#06fcc4 rgb(6,252,196)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#87a9a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac0a8 Protanopia 1% of men
#d4bbbd Deuteranopia 1% of men
#58d0e0 Tritanopia 0.001% of the population

Trichromacy

#91c7aa Protanomaly 1% of men, 0.01% of women
#97c4b7 Deuteranomaly 6% of men, 0.4% of women
#48d2ce Tritanomaly 0.01% of the population

#2dd5af hex color

#2dd5af Color Information

#2dd5af Color Conversion

Color Schemes with #2dd5af

Alternatives to #2dd5af

#2dd5af Preview

Shades and Tints of #2dd5af

Tones of #2dd5af

Color Blindness Simulator