colorhexa.com

#2af6d4 hex color

In a RGB color space, hex #2af6d4 is composed of 16.5% red, 96.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 13.8% yellow and 3.5% black. It has a hue angle of 170 degrees, a saturation of 91.9% and a lightness of 56.5%. #2af6d4 color hex could be obtained by blending #54ffff with #00eda9. Closest websafe color is: #33ffcc.

- R 16
- G 96
- B 83
RGB color chart
- C 83
- M 0
- Y 14
- K 4
CMYK color chart

● #2af6d4 color description : Bright cyan.

The hexadecimal color #2af6d4 has RGB values of R:42, G:246, B:212 and CMYK values of C:0.83, M:0, Y:0.14, K:0.04. Its decimal value is 2815700.

Hex triplet	2af6d4	`#2af6d4`
RGB Decimal	42, 246, 212	`rgb(42,246,212)`
RGB Percent	16.5, 96.5, 83.1	`rgb(16.5%,96.5%,83.1%)`
CMYK	83, 0, 14, 4
HSL	170°, 91.9, 56.5	`hsl(170,91.9%,56.5%)`
HSV (or HSB)	170°, 82.9, 96.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.559, -54.41, 3.023
XYZ	45.79, 71.153, 73.604
xyY	0.24, 0.373, 71.153
CIE-LCH	87.559, 54.494, 176.82
CIE-LUV	87.559, -68.896, 13.366
Hunter-Lab	84.352, -50.718, 7.311
Binary	00101010, 11110110, 11010100

#2af6d4
```
#2af6d4 rgb(42,246,212)
```
#f62a4c
```
#f62a4c rgb(246,42,76)
```

Complementary Color

#2af66e
```
#2af66e rgb(42,246,110)
```
#2af6d4
```
#2af6d4 rgb(42,246,212)
```
#2ab2f6
```
#2ab2f6 rgb(42,178,246)
```

Analogous Color

#f66e2a
```
#f66e2a rgb(246,110,42)
```
#2af6d4
```
#2af6d4 rgb(42,246,212)
```
#f62ab2
```
#f62ab2 rgb(246,42,178)
```

Split Complementary Color

#f6d42a
```
#f6d42a rgb(246,212,42)
```
#2af6d4
```
#2af6d4 rgb(42,246,212)
```
#d42af6
```
#d42af6 rgb(212,42,246)
```

Triadic Color

#4cf62a
```
#4cf62a rgb(76,246,42)
```
#2af6d4
```
#2af6d4 rgb(42,246,212)
```
#d42af6
```
#d42af6 rgb(212,42,246)
```
#f62a4c
```
#f62a4c rgb(246,42,76)
```

Tetradic Color

#09cbab
```
#09cbab rgb(9,203,171)
```
#0ae3bf
```
#0ae3bf rgb(10,227,191)
```
#12f5cf
```
#12f5cf rgb(18,245,207)
```
#2af6d4
```
#2af6d4 rgb(42,246,212)
```
#42f7d9
```
#42f7d9 rgb(66,247,217)
```
#5bf8de
```
#5bf8de rgb(91,248,222)
```
#73f9e3
```
#73f9e3 rgb(115,249,227)
```

Monochromatic Color

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

#2af6a1
```
#2af6a1 rgb(42,246,161)
```
#2af6b2
```
#2af6b2 rgb(42,246,178)
```
#2af6c3
```
#2af6c3 rgb(42,246,195)
```
#2af6d4
```
#2af6d4 rgb(42,246,212)
```
#2af6e5
```
#2af6e5 rgb(42,246,229)
```
#2af6f6
```
#2af6f6 rgb(42,246,246)
```
#2ae5f6
```
#2ae5f6 rgb(42,229,246)
```

Similar Colors

Text with hexadecimal color #2af6d4

This text has a font color of #2af6d4.

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

#2af6d4 background color

This paragraph has a background color of #2af6d4.

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

#2af6d4 border color

This element has a border color of #2af6d4.

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

CSS codes

.text {color:#2af6d4;}

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

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

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

#010d0b
```
#010d0b rgb(1,13,11)
```
#01201b
```
#01201b rgb(1,32,27)
```
#02322a
```
#02322a rgb(2,50,42)
```
#03453a
```
#03453a rgb(3,69,58)
```
#04584a
```
#04584a rgb(4,88,74)
```
#056b5a
```
#056b5a rgb(5,107,90)
```
#057e6a
```
#057e6a rgb(5,126,106)
```
#06917a
```
#06917a rgb(6,145,122)
```
#07a389
```
#07a389 rgb(7,163,137)
```
#08b699
```
#08b699 rgb(8,182,153)
```
#08c9a9
```
#08c9a9 rgb(8,201,169)
```
#09dcb9
```
#09dcb9 rgb(9,220,185)
```
#0aefc9
```
#0aefc9 rgb(10,239,201)
```

Shade Color Variation

#17f5d0
```
#17f5d0 rgb(23,245,208)
```
#2af6d4
```
#2af6d4 rgb(42,246,212)
```
#3df7d8
```
#3df7d8 rgb(61,247,216)
```
#50f8dc
```
#50f8dc rgb(80,248,220)
```
#62f8df
```
#62f8df rgb(98,248,223)
```
#75f9e3
```
#75f9e3 rgb(117,249,227)
```
#88fae7
```
#88fae7 rgb(136,250,231)
```
#9bfbeb
```
#9bfbeb rgb(155,251,235)
```
#aefcef
```
#aefcef rgb(174,252,239)
```
#c1fcf2
```
#c1fcf2 rgb(193,252,242)
```
#d3fdf6
```
#d3fdf6 rgb(211,253,246)
```
#e6fefa
```
#e6fefa rgb(230,254,250)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#889895
```
#889895 rgb(136,152,149)
```
#7fa19b
```
#7fa19b rgb(127,161,155)
```
#77a9a1
```
#77a9a1 rgb(119,169,161)
```
#6eb2a6
```
#6eb2a6 rgb(110,178,166)
```
#66baac
```
#66baac rgb(102,186,172)
```
#5dc3b2
```
#5dc3b2 rgb(93,195,178)
```
#55cbb8
```
#55cbb8 rgb(85,203,184)
```
#4cd4bd
```
#4cd4bd rgb(76,212,189)
```
#44dcc3
```
#44dcc3 rgb(68,220,195)
```
#3be5c9
```
#3be5c9 rgb(59,229,201)
```
#33edce
```
#33edce rgb(51,237,206)
```
#2af6d4
```
#2af6d4 rgb(42,246,212)
```
#21ffda
```
#21ffda rgb(33,255,218)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#99c2bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dcc9 Protanopia 1% of men
#efd6e1 Deuteranopia 1% of men
#6feeff Tritanopia 0.001% of the population

Trichromacy

#a1e5cd Protanomaly 1% of men, 0.01% of women
#a7e2dc Deuteranomaly 6% of men, 0.4% of women
#56f1ef Tritanomaly 0.01% of the population