#2ad1af hex color

In a RGB color space, hex #2ad1af is composed of 16.5% red, 82% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 0% magenta, 16.3% yellow and 18% black. It has a hue angle of 167.8 degrees, a saturation of 66.5% and a lightness of 49.2%. #2ad1af color hex could be obtained by blending #54ffff with #00a35f. Closest websafe color is: #33cc99.

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

● #2ad1af color description : Strong cyan.

The hexadecimal color #2ad1af has RGB values of R:42, G:209, B:175 and CMYK values of C:0.8, M:0, Y:0.16, K:0.18. Its decimal value is 2806191.

Hex triplet	2ad1af	`#2ad1af`
RGB Decimal	42, 209, 175	`rgb(42,209,175)`
RGB Percent	16.5, 82, 68.6	`rgb(16.5%,82%,68.6%)`
CMYK	80, 0, 16, 18
HSL	167.8°, 66.5, 49.2	`hsl(167.8,66.5%,49.2%)`
HSV (or HSB)	167.8°, 79.9, 82
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.566, -48.704, 5.248
XYZ	31.49, 49.185, 48.389
xyY	0.244, 0.381, 49.185
CIE-LCH	75.566, 48.986, 173.85
CIE-LUV	75.566, -59.032, 15.473
Hunter-Lab	70.132, -42.582, 8.184
Binary	00101010, 11010001, 10101111

#2ad1af
```
#2ad1af rgb(42,209,175)
```
#d12a4c
```
#d12a4c rgb(209,42,76)
```

Complementary Color

#2ad15b
```
#2ad15b rgb(42,209,91)
```
#2ad1af
```
#2ad1af rgb(42,209,175)
```
#2aa0d1
```
#2aa0d1 rgb(42,160,209)
```

Analogous Color

#d15c2a
```
#d15c2a rgb(209,92,42)
```
#2ad1af
```
#2ad1af rgb(42,209,175)
```
#d12aa0
```
#d12aa0 rgb(209,42,160)
```

Split Complementary Color

#d1af2a
```
#d1af2a rgb(209,175,42)
```
#2ad1af
```
#2ad1af rgb(42,209,175)
```
#af2ad1
```
#af2ad1 rgb(175,42,209)
```

Triadic Color

#4cd12a
```
#4cd12a rgb(76,209,42)
```
#2ad1af
```
#2ad1af rgb(42,209,175)
```
#af2ad1
```
#af2ad1 rgb(175,42,209)
```
#d12a4c
```
#d12a4c rgb(209,42,76)
```

Tetradic Color

#1d917a
```
#1d917a rgb(29,145,122)
```
#21a78b
```
#21a78b rgb(33,167,139)
```
#26bc9d
```
#26bc9d rgb(38,188,157)
```
#2ad1af
```
#2ad1af rgb(42,209,175)
```
#3dd8b8
```
#3dd8b8 rgb(61,216,184)
```
#52dcc0
```
#52dcc0 rgb(82,220,192)
```
#67e0c8
```
#67e0c8 rgb(103,224,200)
```

Monochromatic Color

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

#2ad185
```
#2ad185 rgb(42,209,133)
```
#2ad193
```
#2ad193 rgb(42,209,147)
```
#2ad1a1
```
#2ad1a1 rgb(42,209,161)
```
#2ad1af
```
#2ad1af rgb(42,209,175)
```
#2ad1bd
```
#2ad1bd rgb(42,209,189)
```
#2ad1cb
```
#2ad1cb rgb(42,209,203)
```
#2ac9d1
```
#2ac9d1 rgb(42,201,209)
```

Similar Colors

Text with hexadecimal color #2ad1af

This text has a font color of #2ad1af.

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

#2ad1af background color

This paragraph has a background color of #2ad1af.

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

#2ad1af border color

This element has a border color of #2ad1af.

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

CSS codes

.text {color:#2ad1af;}

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

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

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

#030d0b
```
#030d0b rgb(3,13,11)
```
#061d19
```
#061d19 rgb(6,29,25)
```
#092e26
```
#092e26 rgb(9,46,38)
```
#0c3e34
```
#0c3e34 rgb(12,62,52)
```
#104e42
```
#104e42 rgb(16,78,66)
```
#135f4f
```
#135f4f rgb(19,95,79)
```
#166f5d
```
#166f5d rgb(22,111,93)
```
#1a7f6b
```
#1a7f6b rgb(26,127,107)
```
#1d9078
```
#1d9078 rgb(29,144,120)
```
#20a086
```
#20a086 rgb(32,160,134)
```
#23b094
```
#23b094 rgb(35,176,148)
```
#27c1a1
```
#27c1a1 rgb(39,193,161)
```
#2ad1af
```
#2ad1af rgb(42,209,175)
```

Shade Color Variation

#38d7b7
```
#38d7b7 rgb(56,215,183)
```
#48dabc
```
#48dabc rgb(72,218,188)
```
#58dec2
```
#58dec2 rgb(88,222,194)
```
#69e1c8
```
#69e1c8 rgb(105,225,200)
```
#79e4ce
```
#79e4ce rgb(121,228,206)
```
#89e7d4
```
#89e7d4 rgb(137,231,212)
```
#9aebda
```
#9aebda rgb(154,235,218)
```
#aaeee0
```
#aaeee0 rgb(170,238,224)
```
#baf1e6
```
#baf1e6 rgb(186,241,230)
```
#cbf4ec
```
#cbf4ec rgb(203,244,236)
```
#dbf8f2
```
#dbf8f2 rgb(219,248,242)
```
#ebfbf8
```
#ebfbf8 rgb(235,251,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#778481
```
#778481 rgb(119,132,129)
```
#6e8d87
```
#6e8d87 rgb(110,141,135)
```
#64978d
```
#64978d rgb(100,151,141)
```
#5aa192
```
#5aa192 rgb(90,161,146)
```
#51aa98
```
#51aa98 rgb(81,170,152)
```
#47b49e
```
#47b49e rgb(71,180,158)
```
#3dbea4
```
#3dbea4 rgb(61,190,164)
```
#34c7a9
```
#34c7a9 rgb(52,199,169)
```
#2ad1af
```
#2ad1af rgb(42,209,175)
```
#20dbb5
```
#20dbb5 rgb(32,219,181)
```
#17e4ba
```
#17e4ba rgb(23,228,186)
```
#0deec0
```
#0deec0 rgb(13,238,192)
```
#03f8c6
```
#03f8c6 rgb(3,248,198)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#84a69f Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#8dc4aa Protanomaly 1% of men, 0.01% of women
#93c1b7 Deuteranomaly 6% of men, 0.4% of women
#45cecb Tritanomaly 0.01% of the population

#2ad1af hex color

#2ad1af Color Information

#2ad1af Color Conversion

Color Schemes with #2ad1af

Alternatives to #2ad1af

#2ad1af Preview

Shades and Tints of #2ad1af

Tones of #2ad1af

Color Blindness Simulator