#2dc4af hex color

In a RGB color space, hex #2dc4af is composed of 17.6% red, 76.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 10.7% yellow and 23.1% black. It has a hue angle of 171.7 degrees, a saturation of 62.7% and a lightness of 47.3%. #2dc4af color hex could be obtained by blending #5affff with #00895f. 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

● #2dc4af color description : Strong cyan.

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

Hex triplet	2dc4af	`#2dc4af`
RGB Decimal	45, 196, 175	`rgb(45,196,175)`
RGB Percent	17.6, 76.9, 68.6	`rgb(17.6%,76.9%,68.6%)`
CMYK	77, 0, 11, 23
HSL	171.7°, 62.7, 47.3	`hsl(171.7,62.7%,47.3%)`
HSV (or HSB)	171.7°, 77, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.643, -42.887, -0.442
XYZ	28.557, 43.13, 47.375
xyY	0.24, 0.362, 43.13
CIE-LCH	71.643, 42.889, 180.591
CIE-LUV	71.643, -54.142, 5.973
Hunter-Lab	65.674, -37.31, 3.201
Binary	00101101, 11000100, 10101111

#2dc4af
```
#2dc4af rgb(45,196,175)
```
#c42d42
```
#c42d42 rgb(196,45,66)
```

Complementary Color

#2dc464
```
#2dc464 rgb(45,196,100)
```
#2dc4af
```
#2dc4af rgb(45,196,175)
```
#2d8ec4
```
#2d8ec4 rgb(45,142,196)
```

Analogous Color

#c4642d
```
#c4642d rgb(196,100,45)
```
#2dc4af
```
#2dc4af rgb(45,196,175)
```
#c42d8e
```
#c42d8e rgb(196,45,142)
```

Split Complementary Color

#c4af2d
```
#c4af2d rgb(196,175,45)
```
#2dc4af
```
#2dc4af rgb(45,196,175)
```
#af2dc4
```
#af2dc4 rgb(175,45,196)
```

Triadic Color

#42c42d
```
#42c42d rgb(66,196,45)
```
#2dc4af
```
#2dc4af rgb(45,196,175)
```
#af2dc4
```
#af2dc4 rgb(175,45,196)
```
#c42d42
```
#c42d42 rgb(196,45,66)
```

Tetradic Color

#1f8677
```
#1f8677 rgb(31,134,119)
```
#239b8a
```
#239b8a rgb(35,155,138)
```
#28af9c
```
#28af9c rgb(40,175,156)
```
#2dc4af
```
#2dc4af rgb(45,196,175)
```
#39d2bc
```
#39d2bc rgb(57,210,188)
```
#4ed6c3
```
#4ed6c3 rgb(78,214,195)
```
#62dbca
```
#62dbca rgb(98,219,202)
```

Monochromatic Color

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

#2dc489
```
#2dc489 rgb(45,196,137)
```
#2dc496
```
#2dc496 rgb(45,196,150)
```
#2dc4a2
```
#2dc4a2 rgb(45,196,162)
```
#2dc4af
```
#2dc4af rgb(45,196,175)
```
#2dc4bc
```
#2dc4bc rgb(45,196,188)
```
#2dc0c4
```
#2dc0c4 rgb(45,192,196)
```
#2db3c4
```
#2db3c4 rgb(45,179,196)
```

Similar Colors

Text with hexadecimal color #2dc4af

This text has a font color of #2dc4af.

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

#2dc4af background color

This paragraph has a background color of #2dc4af.

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

#2dc4af border color

This element has a border color of #2dc4af.

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

CSS codes

.text {color:#2dc4af;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#051512
```
#051512 rgb(5,21,18)
```
#082421
```
#082421 rgb(8,36,33)
```
#0c342f
```
#0c342f rgb(12,52,47)
```
#10443d
```
#10443d rgb(16,68,61)
```
#13544b
```
#13544b rgb(19,84,75)
```
#17645a
```
#17645a rgb(23,100,90)
```
#1b7468
```
#1b7468 rgb(27,116,104)
```
#1e8476
```
#1e8476 rgb(30,132,118)
```
#229484
```
#229484 rgb(34,148,132)
```
#26a493
```
#26a493 rgb(38,164,147)
```
#29b4a1
```
#29b4a1 rgb(41,180,161)
```
#2dc4af
```
#2dc4af rgb(45,196,175)
```

Shade Color Variation

#34d0bb
```
#34d0bb rgb(52,208,187)
```
#44d4c0
```
#44d4c0 rgb(68,212,192)
```
#54d8c5
```
#54d8c5 rgb(84,216,197)
```
#64dbcb
```
#64dbcb rgb(100,219,203)
```
#74dfd0
```
#74dfd0 rgb(116,223,208)
```
#84e3d6
```
#84e3d6 rgb(132,227,214)
```
#94e6db
```
#94e6db rgb(148,230,219)
```
#a4eae0
```
#a4eae0 rgb(164,234,224)
```
#b4eee6
```
#b4eee6 rgb(180,238,230)
```
#c4f1eb
```
#c4f1eb rgb(196,241,235)
```
#d4f5f0
```
#d4f5f0 rgb(212,245,240)
```
#e4f9f6
```
#e4f9f6 rgb(228,249,246)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

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

#777a79
```
#777a79 rgb(119,122,121)
```
#6e8380
```
#6e8380 rgb(110,131,128)
```
#658c87
```
#658c87 rgb(101,140,135)
```
#5b968e
```
#5b968e rgb(91,150,142)
```
#529f94
```
#529f94 rgb(82,159,148)
```
#49a89b
```
#49a89b rgb(73,168,155)
```
#40b1a2
```
#40b1a2 rgb(64,177,162)
```
#36bba8
```
#36bba8 rgb(54,187,168)
```
#2dc4af
```
#2dc4af rgb(45,196,175)
```
#24cdb6
```
#24cdb6 rgb(36,205,182)
```
#1ad7bc
```
#1ad7bc rgb(26,215,188)
```
#11e0c3
```
#11e0c3 rgb(17,224,195)
```
#08e9ca
```
#08e9ca rgb(8,233,202)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7f9e99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b2a8 Protanopia 1% of men
#c0aebb Deuteranopia 1% of men
#4ec2d0 Tritanopia 0.001% of the population

Trichromacy

#86b9ab Protanomaly 1% of men, 0.01% of women
#8ab6b7 Deuteranomaly 6% of men, 0.4% of women
#42c3c4 Tritanomaly 0.01% of the population

#2dc4af hex color

#2dc4af Color Information

#2dc4af Color Conversion

Color Schemes with #2dc4af

Alternatives to #2dc4af

#2dc4af Preview

Shades and Tints of #2dc4af

Tones of #2dc4af

Color Blindness Simulator