#2afdd6 hex color

In a RGB color space, hex #2afdd6 is composed of 16.5% red, 99.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 0% magenta, 15.4% yellow and 0.8% black. It has a hue angle of 168.9 degrees, a saturation of 98.1% and a lightness of 57.8%. #2afdd6 color hex could be obtained by blending #54ffff with #00fbad. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 16
- G 99
- B 84
RGB color chart
- C 83
- M 0
- Y 15
- K 1
CMYK color chart

● #2afdd6 color description : Bright cyan.

The hexadecimal color #2afdd6 has RGB values of R:42, G:253, B:214 and CMYK values of C:0.83, M:0, Y:0.15, K:0.01. Its decimal value is 2817494.

Hex triplet	2afdd6	`#2afdd6`
RGB Decimal	42, 253, 214	`rgb(42,253,214)`
RGB Percent	16.5, 99.2, 83.9	`rgb(16.5%,99.2%,83.9%)`
CMYK	83, 0, 15, 1
HSL	168.9°, 98.1, 57.8	`hsl(168.9,98.1%,57.8%)`
HSV (or HSB)	168.9°, 83.4, 99.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.67, -56.713, 5.04
XYZ	48.213, 75.593, 75.664
xyY	0.242, 0.379, 75.593
CIE-LCH	89.67, 56.936, 174.922
CIE-LUV	89.67, -71.082, 16.879
Hunter-Lab	86.944, -53.168, 9.263
Binary	00101010, 11111101, 11010110

#2afdd6
```
#2afdd6 rgb(42,253,214)
```
#fd2a51
```
#fd2a51 rgb(253,42,81)
```

Complementary Color

#2afd6d
```
#2afd6d rgb(42,253,109)
```
#2afdd6
```
#2afdd6 rgb(42,253,214)
```
#2abbfd
```
#2abbfd rgb(42,187,253)
```

Analogous Color

#fd6d2a
```
#fd6d2a rgb(253,109,42)
```
#2afdd6
```
#2afdd6 rgb(42,253,214)
```
#fd2abb
```
#fd2abb rgb(253,42,187)
```

Split Complementary Color

#fdd62a
```
#fdd62a rgb(253,214,42)
```
#2afdd6
```
#2afdd6 rgb(42,253,214)
```
#d62afd
```
#d62afd rgb(214,42,253)
```

Triadic Color

#51fd2a
```
#51fd2a rgb(81,253,42)
```
#2afdd6
```
#2afdd6 rgb(42,253,214)
```
#d62afd
```
#d62afd rgb(214,42,253)
```
#fd2a51
```
#fd2a51 rgb(253,42,81)
```

Tetradic Color

#02d8b1
```
#02d8b1 rgb(2,216,177)
```
#02f2c5
```
#02f2c5 rgb(2,242,197)
```
#11fdd1
```
#11fdd1 rgb(17,253,209)
```
#2afdd6
```
#2afdd6 rgb(42,253,214)
```
#43fddb
```
#43fddb rgb(67,253,219)
```
#5dfde0
```
#5dfde0 rgb(93,253,224)
```
#76fee5
```
#76fee5 rgb(118,254,229)
```

Monochromatic Color

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

#2afda1
```
#2afda1 rgb(42,253,161)
```
#2afdb3
```
#2afdb3 rgb(42,253,179)
```
#2afdc4
```
#2afdc4 rgb(42,253,196)
```
#2afdd6
```
#2afdd6 rgb(42,253,214)
```
#2afde8
```
#2afde8 rgb(42,253,232)
```
#2afdf9
```
#2afdf9 rgb(42,253,249)
```
#2aeffd
```
#2aeffd rgb(42,239,253)
```

Similar Colors

Text with hexadecimal color #2afdd6

This text has a font color of #2afdd6.

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

#2afdd6 background color

This paragraph has a background color of #2afdd6.

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

#2afdd6 border color

This element has a border color of #2afdd6.

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

CSS codes

.text {color:#2afdd6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001410
```
#001410 rgb(0,20,16)
```
#002820
```
#002820 rgb(0,40,32)
```
#013b30
```
#013b30 rgb(1,59,48)
```
#014e40
```
#014e40 rgb(1,78,64)
```
#016250
```
#016250 rgb(1,98,80)
```
#017560
```
#017560 rgb(1,117,96)
```
#018970
```
#018970 rgb(1,137,112)
```
#019c80
```
#019c80 rgb(1,156,128)
```
#02b08f
```
#02b08f rgb(2,176,143)
```
#02c39f
```
#02c39f rgb(2,195,159)
```
#02d7af
```
#02d7af rgb(2,215,175)
```
#02eabf
```
#02eabf rgb(2,234,191)
```

Shade Color Variation

#03fdcf
```
#03fdcf rgb(3,253,207)
```
#17fdd2
```
#17fdd2 rgb(23,253,210)
```
#2afdd6
```
#2afdd6 rgb(42,253,214)
```
#3dfdda
```
#3dfdda rgb(61,253,218)
```
#51fddd
```
#51fddd rgb(81,253,221)
```
#64fee1
```
#64fee1 rgb(100,254,225)
```
#78fee5
```
#78fee5 rgb(120,254,229)
```
#8bfee9
```
#8bfee9 rgb(139,254,233)
```
#9ffeec
```
#9ffeec rgb(159,254,236)
```
#b2fef0
```
#b2fef0 rgb(178,254,240)
```
#c5fef4
```
#c5fef4 rgb(197,254,244)
```
#d9fff8
```
#d9fff8 rgb(217,255,248)
```
#ecfffb
```
#ecfffb rgb(236,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9a97 is the less saturated color, while #2afdd6 is the most saturated one.

#8d9a97
```
#8d9a97 rgb(141,154,151)
```
#85a29d
```
#85a29d rgb(133,162,157)
```
#7daaa2
```
#7daaa2 rgb(125,170,162)
```
#74b3a7
```
#74b3a7 rgb(116,179,167)
```
#6cbbac
```
#6cbbac rgb(108,187,172)
```
#64c3b2
```
#64c3b2 rgb(100,195,178)
```
#5ccbb7
```
#5ccbb7 rgb(92,203,183)
```
#53d4bc
```
#53d4bc rgb(83,212,188)
```
#4bdcc1
```
#4bdcc1 rgb(75,220,193)
```
#43e4c6
```
#43e4c6 rgb(67,228,198)
```
#3beccc
```
#3beccc rgb(59,236,204)
```
#32f5d1
```
#32f5d1 rgb(50,245,209)
```
#2afdd6
```
#2afdd6 rgb(42,253,214)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#9cc7bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece2ca Protanopia 1% of men
#f7dce3 Deuteranopia 1% of men
#94f1ff Tritanopia 0.001% of the population

Trichromacy

#a5ebce Protanomaly 1% of men, 0.01% of women
#ace8de Deuteranomaly 6% of men, 0.4% of women
#6df5f0 Tritanomaly 0.01% of the population

#2afdd6 hex color

#2afdd6 Color Information

#2afdd6 Color Conversion

Color Schemes with #2afdd6

Alternatives to #2afdd6

#2afdd6 Preview

Shades and Tints of #2afdd6

Tones of #2afdd6

Color Blindness Simulator