#2dd1af hex color

In a RGB color space, hex #2dd1af is composed of 17.6% red, 82% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 0% magenta, 16.3% yellow and 18% black. It has a hue angle of 167.6 degrees, a saturation of 64.6% and a lightness of 49.8%. #2dd1af color hex could be obtained by blending #5affff with #00a35f. Closest websafe color is: #33cc99.

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

● #2dd1af color description : Strong cyan.

The hexadecimal color #2dd1af has RGB values of R:45, G:209, B:175 and CMYK values of C:0.78, M:0, Y:0.16, K:0.18. Its decimal value is 3002799.

Hex triplet	2dd1af	`#2dd1af`
RGB Decimal	45, 209, 175	`rgb(45,209,175)`
RGB Percent	17.6, 82, 68.6	`rgb(17.6%,82%,68.6%)`
CMYK	78, 0, 16, 18
HSL	167.6°, 64.6, 49.8	`hsl(167.6,64.6%,49.8%)`
HSV (or HSB)	167.6°, 78.5, 82
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.607, -48.413, 5.312
XYZ	31.618, 49.251, 48.395
xyY	0.245, 0.381, 49.251
CIE-LCH	75.607, 48.704, 173.739
CIE-LUV	75.607, -58.684, 15.529
Hunter-Lab	70.179, -42.394, 8.239
Binary	00101101, 11010001, 10101111

#2dd1af
```
#2dd1af rgb(45,209,175)
```
#d12d4f
```
#d12d4f rgb(209,45,79)
```

Complementary Color

#2dd15d
```
#2dd15d rgb(45,209,93)
```
#2dd1af
```
#2dd1af rgb(45,209,175)
```
#2da1d1
```
#2da1d1 rgb(45,161,209)
```

Analogous Color

#d15d2d
```
#d15d2d rgb(209,93,45)
```
#2dd1af
```
#2dd1af rgb(45,209,175)
```
#d12da1
```
#d12da1 rgb(209,45,161)
```

Split Complementary Color

#d1af2d
```
#d1af2d rgb(209,175,45)
```
#2dd1af
```
#2dd1af rgb(45,209,175)
```
#af2dd1
```
#af2dd1 rgb(175,45,209)
```

Triadic Color

#4fd12d
```
#4fd12d rgb(79,209,45)
```
#2dd1af
```
#2dd1af rgb(45,209,175)
```
#af2dd1
```
#af2dd1 rgb(175,45,209)
```
#d12d4f
```
#d12d4f rgb(209,45,79)
```

Tetradic Color

#1f927a
```
#1f927a rgb(31,146,122)
```
#24a78c
```
#24a78c rgb(36,167,140)
```
#28bc9d
```
#28bc9d rgb(40,188,157)
```
#2dd1af
```
#2dd1af rgb(45,209,175)
```
#41d6b7
```
#41d6b7 rgb(65,214,183)
```
#56dbbf
```
#56dbbf rgb(86,219,191)
```
#6bdfc7
```
#6bdfc7 rgb(107,223,199)
```

Monochromatic Color

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

#2dd186
```
#2dd186 rgb(45,209,134)
```
#2dd194
```
#2dd194 rgb(45,209,148)
```
#2dd1a1
```
#2dd1a1 rgb(45,209,161)
```
#2dd1af
```
#2dd1af rgb(45,209,175)
```
#2dd1bd
```
#2dd1bd rgb(45,209,189)
```
#2dd1ca
```
#2dd1ca rgb(45,209,202)
```
#2dcad1
```
#2dcad1 rgb(45,202,209)
```

Similar Colors

Text with hexadecimal color #2dd1af

This text has a font color of #2dd1af.

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

#2dd1af background color

This paragraph has a background color of #2dd1af.

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

#2dd1af border color

This element has a border color of #2dd1af.

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

CSS codes

.text {color:#2dd1af;}

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

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

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

#030f0d
```
#030f0d rgb(3,15,13)
```
#071f1a
```
#071f1a rgb(7,31,26)
```
#0a3028
```
#0a3028 rgb(10,48,40)
```
#0e4035
```
#0e4035 rgb(14,64,53)
```
#115043
```
#115043 rgb(17,80,67)
```
#156050
```
#156050 rgb(21,96,80)
```
#18705e
```
#18705e rgb(24,112,94)
```
#1c806b
```
#1c806b rgb(28,128,107)
```
#1f9079
```
#1f9079 rgb(31,144,121)
```
#23a186
```
#23a186 rgb(35,161,134)
```
#26b194
```
#26b194 rgb(38,177,148)
```
#2ac1a1
```
#2ac1a1 rgb(42,193,161)
```
#2dd1af
```
#2dd1af rgb(45,209,175)
```

Shade Color Variation

#3cd5b5
```
#3cd5b5 rgb(60,213,181)
```
#4dd9bc
```
#4dd9bc rgb(77,217,188)
```
#5ddcc2
```
#5ddcc2 rgb(93,220,194)
```
#6de0c8
```
#6de0c8 rgb(109,224,200)
```
#7de3ce
```
#7de3ce rgb(125,227,206)
```
#8de6d4
```
#8de6d4 rgb(141,230,212)
```
#9deada
```
#9deada rgb(157,234,218)
```
#adede0
```
#adede0 rgb(173,237,224)
```
#bef1e6
```
#bef1e6 rgb(190,241,230)
```
#cef4ec
```
#cef4ec rgb(206,244,236)
```
#def8f2
```
#def8f2 rgb(222,248,242)
```
#eefbf9
```
#eefbf9 rgb(238,251,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7b8381
```
#7b8381 rgb(123,131,129)
```
#718d87
```
#718d87 rgb(113,141,135)
```
#68968d
```
#68968d rgb(104,150,141)
```
#5ea092
```
#5ea092 rgb(94,160,146)
```
#54aa98
```
#54aa98 rgb(84,170,152)
```
#4ab49e
```
#4ab49e rgb(74,180,158)
```
#41bda4
```
#41bda4 rgb(65,189,164)
```
#37c7a9
```
#37c7a9 rgb(55,199,169)
```
#2dd1af
```
#2dd1af rgb(45,209,175)
```
#23dbb5
```
#23dbb5 rgb(35,219,181)
```
#19e5ba
```
#19e5ba rgb(25,229,186)
```
#10eec0
```
#10eec0 rgb(16,238,192)
```
#06f8c6
```
#06f8c6 rgb(6,248,198)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#86a7a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bda8 Protanopia 1% of men
#cfb8bc Deuteranopia 1% of men
#56cddc Tritanopia 0.001% of the population

Trichromacy

#8ec4aa Protanomaly 1% of men, 0.01% of women
#94c1b7 Deuteranomaly 6% of men, 0.4% of women
#47cecb Tritanomaly 0.01% of the population

#2dd1af hex color

#2dd1af Color Information

#2dd1af Color Conversion

Color Schemes with #2dd1af

Alternatives to #2dd1af

#2dd1af Preview

Shades and Tints of #2dd1af

Tones of #2dd1af

Color Blindness Simulator