#2dc5af hex color

In a RGB color space, hex #2dc5af is composed of 17.6% red, 77.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 11.2% yellow and 22.7% black. It has a hue angle of 171.3 degrees, a saturation of 62.8% and a lightness of 47.5%. #2dc5af color hex could be obtained by blending #5affff with #008b5f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 77
- B 69
RGB color chart
- C 77
- M 0
- Y 11
- K 23
CMYK color chart

● #2dc5af color description : Strong cyan.

The hexadecimal color #2dc5af has RGB values of R:45, G:197, B:175 and CMYK values of C:0.77, M:0, Y:0.11, K:0.23. Its decimal value is 2999727.

Hex triplet	2dc5af	`#2dc5af`
RGB Decimal	45, 197, 175	`rgb(45,197,175)`
RGB Percent	17.6, 77.3, 68.6	`rgb(17.6%,77.3%,68.6%)`
CMYK	77, 0, 11, 23
HSL	171.3°, 62.8, 47.5	`hsl(171.3,62.8%,47.5%)`
HSV (or HSB)	171.3°, 77.2, 77.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.949, -43.321, 0.004
XYZ	28.784, 43.583, 47.45
xyY	0.24, 0.364, 43.583
CIE-LCH	71.949, 43.321, 179.995
CIE-LUV	71.949, -54.494, 6.719
Hunter-Lab	66.017, -37.704, 3.597
Binary	00101101, 11000101, 10101111

#2dc5af
```
#2dc5af rgb(45,197,175)
```
#c52d43
```
#c52d43 rgb(197,45,67)
```

Complementary Color

#2dc563
```
#2dc563 rgb(45,197,99)
```
#2dc5af
```
#2dc5af rgb(45,197,175)
```
#2d8fc5
```
#2d8fc5 rgb(45,143,197)
```

Analogous Color

#c5632d
```
#c5632d rgb(197,99,45)
```
#2dc5af
```
#2dc5af rgb(45,197,175)
```
#c52d8f
```
#c52d8f rgb(197,45,143)
```

Split Complementary Color

#c5af2d
```
#c5af2d rgb(197,175,45)
```
#2dc5af
```
#2dc5af rgb(45,197,175)
```
#af2dc5
```
#af2dc5 rgb(175,45,197)
```

Triadic Color

#43c52d
```
#43c52d rgb(67,197,45)
```
#2dc5af
```
#2dc5af rgb(45,197,175)
```
#af2dc5
```
#af2dc5 rgb(175,45,197)
```
#c52d43
```
#c52d43 rgb(197,45,67)
```

Tetradic Color

#1f8778
```
#1f8778 rgb(31,135,120)
```
#249b8a
```
#249b8a rgb(36,155,138)
```
#28b09d
```
#28b09d rgb(40,176,157)
```
#2dc5af
```
#2dc5af rgb(45,197,175)
```
#3ad2bc
```
#3ad2bc rgb(58,210,188)
```
#4ed7c3
```
#4ed7c3 rgb(78,215,195)
```
#63dbca
```
#63dbca rgb(99,219,202)
```

Monochromatic Color

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

#2dc589
```
#2dc589 rgb(45,197,137)
```
#2dc596
```
#2dc596 rgb(45,197,150)
```
#2dc5a2
```
#2dc5a2 rgb(45,197,162)
```
#2dc5af
```
#2dc5af rgb(45,197,175)
```
#2dc5bc
```
#2dc5bc rgb(45,197,188)
```
#2dc2c5
```
#2dc2c5 rgb(45,194,197)
```
#2db5c5
```
#2db5c5 rgb(45,181,197)
```

Similar Colors

Text with hexadecimal color #2dc5af

This text has a font color of #2dc5af.

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

#2dc5af background color

This paragraph has a background color of #2dc5af.

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

#2dc5af border color

This element has a border color of #2dc5af.

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

CSS codes

.text {color:#2dc5af;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051513
```
#051513 rgb(5,21,19)
```
#092521
```
#092521 rgb(9,37,33)
```
#0c352f
```
#0c352f rgb(12,53,47)
```
#10453e
```
#10453e rgb(16,69,62)
```
#13554c
```
#13554c rgb(19,85,76)
```
#17655a
```
#17655a rgb(23,101,90)
```
#1b7568
```
#1b7568 rgb(27,117,104)
```
#1e8576
```
#1e8576 rgb(30,133,118)
```
#229584
```
#229584 rgb(34,149,132)
```
#26a593
```
#26a593 rgb(38,165,147)
```
#29b5a1
```
#29b5a1 rgb(41,181,161)
```
#2dc5af
```
#2dc5af rgb(45,197,175)
```

Shade Color Variation

#35d1ba
```
#35d1ba rgb(53,209,186)
```
#45d4c0
```
#45d4c0 rgb(69,212,192)
```
#55d8c5
```
#55d8c5 rgb(85,216,197)
```
#65dccb
```
#65dccb rgb(101,220,203)
```
#75dfd0
```
#75dfd0 rgb(117,223,208)
```
#85e3d5
```
#85e3d5 rgb(133,227,213)
```
#95e7db
```
#95e7db rgb(149,231,219)
```
#a5eae0
```
#a5eae0 rgb(165,234,224)
```
#b5eee6
```
#b5eee6 rgb(181,238,230)
```
#c5f2eb
```
#c5f2eb rgb(197,242,235)
```
#d4f5f1
```
#d4f5f1 rgb(212,245,241)
```
#e4f9f6
```
#e4f9f6 rgb(228,249,246)
```
#f4fdfb
```
#f4fdfb rgb(244,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777b7a is the less saturated color, while #08eac9 is the most saturated one.

#777b7a
```
#777b7a rgb(119,123,122)
```
#6e8481
```
#6e8481 rgb(110,132,129)
```
#658d87
```
#658d87 rgb(101,141,135)
```
#5c968e
```
#5c968e rgb(92,150,142)
```
#52a095
```
#52a095 rgb(82,160,149)
```
#49a99b
```
#49a99b rgb(73,169,155)
```
#40b2a2
```
#40b2a2 rgb(64,178,162)
```
#36bca8
```
#36bca8 rgb(54,188,168)
```
#2dc5af
```
#2dc5af rgb(45,197,175)
```
#24ceb6
```
#24ceb6 rgb(36,206,182)
```
#1ad8bc
```
#1ad8bc rgb(26,216,188)
```
#11e1c3
```
#11e1c3 rgb(17,225,195)
```
#08eac9
```
#08eac9 rgb(8,234,201)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#809f9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab3a8 Protanopia 1% of men
#c1afbb Deuteranopia 1% of men
#4fc3d1 Tritanopia 0.001% of the population

Trichromacy

#86baab Protanomaly 1% of men, 0.01% of women
#8bb7b7 Deuteranomaly 6% of men, 0.4% of women
#42c4c5 Tritanomaly 0.01% of the population

#2dc5af hex color

#2dc5af Color Information

#2dc5af Color Conversion

Color Schemes with #2dc5af

Alternatives to #2dc5af

#2dc5af Preview

Shades and Tints of #2dc5af

Tones of #2dc5af

Color Blindness Simulator