#2afdf4 hex color

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

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

● #2afdf4 color description : Bright cyan.

The hexadecimal color #2afdf4 has RGB values of R:42, G:253, B:244 and CMYK values of C:0.83, M:0, Y:0.04, K:0.01. Its decimal value is 2817524.

Hex triplet	2afdf4	`#2afdf4`
RGB Decimal	42, 253, 244	`rgb(42,253,244)`
RGB Percent	16.5, 99.2, 95.7	`rgb(16.5%,99.2%,95.7%)`
CMYK	83, 0, 4, 1
HSL	177.4°, 98.1, 57.8	`hsl(177.4,98.1%,57.8%)`
HSV (or HSB)	177.4°, 83.4, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.445, -48.821, -9.401
XYZ	52.404, 77.269, 97.735
xyY	0.23, 0.34, 77.269
CIE-LCH	90.445, 49.718, 190.899
CIE-LUV	90.445, -68.816, -7.235
Hunter-Lab	87.903, -47.416, -4.39
Binary	00101010, 11111101, 11110100

#2afdf4
```
#2afdf4 rgb(42,253,244)
```
#fd2a33
```
#fd2a33 rgb(253,42,51)
```

Complementary Color

#2afd8b
```
#2afd8b rgb(42,253,139)
```
#2afdf4
```
#2afdf4 rgb(42,253,244)
```
#2a9dfd
```
#2a9dfd rgb(42,157,253)
```

Analogous Color

#fd8b2a
```
#fd8b2a rgb(253,139,42)
```
#2afdf4
```
#2afdf4 rgb(42,253,244)
```
#fd2a9d
```
#fd2a9d rgb(253,42,157)
```

Split Complementary Color

#fdf42a
```
#fdf42a rgb(253,244,42)
```
#2afdf4
```
#2afdf4 rgb(42,253,244)
```
#f42afd
```
#f42afd rgb(244,42,253)
```

Triadic Color

#33fd2a
```
#33fd2a rgb(51,253,42)
```
#2afdf4
```
#2afdf4 rgb(42,253,244)
```
#f42afd
```
#f42afd rgb(244,42,253)
```
#fd2a33
```
#fd2a33 rgb(253,42,51)
```

Tetradic Color

#02d8cf
```
#02d8cf rgb(2,216,207)
```
#02f2e8
```
#02f2e8 rgb(2,242,232)
```
#11fdf3
```
#11fdf3 rgb(17,253,243)
```
#2afdf4
```
#2afdf4 rgb(42,253,244)
```
#43fdf5
```
#43fdf5 rgb(67,253,245)
```
#5dfdf7
```
#5dfdf7 rgb(93,253,247)
```
#76fef8
```
#76fef8 rgb(118,254,248)
```

Monochromatic Color

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

#2afdbf
```
#2afdbf rgb(42,253,191)
```
#2afdd1
```
#2afdd1 rgb(42,253,209)
```
#2afde2
```
#2afde2 rgb(42,253,226)
```
#2afdf4
```
#2afdf4 rgb(42,253,244)
```
#2af4fd
```
#2af4fd rgb(42,244,253)
```
#2ae3fd
```
#2ae3fd rgb(42,227,253)
```
#2ad1fd
```
#2ad1fd rgb(42,209,253)
```

Similar Colors

Text with hexadecimal color #2afdf4

This text has a font color of #2afdf4.

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

#2afdf4 background color

This paragraph has a background color of #2afdf4.

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

#2afdf4 border color

This element has a border color of #2afdf4.

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

CSS codes

.text {color:#2afdf4;}

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

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

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 #ecfffe is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#001413
```
#001413 rgb(0,20,19)
```
#002826
```
#002826 rgb(0,40,38)
```
#013b39
```
#013b39 rgb(1,59,57)
```
#014e4b
```
#014e4b rgb(1,78,75)
```
#01625e
```
#01625e rgb(1,98,94)
```
#017570
```
#017570 rgb(1,117,112)
```
#018983
```
#018983 rgb(1,137,131)
```
#019c96
```
#019c96 rgb(1,156,150)
```
#02b0a8
```
#02b0a8 rgb(2,176,168)
```
#02c3bb
```
#02c3bb rgb(2,195,187)
```
#02d7cd
```
#02d7cd rgb(2,215,205)
```
#02eae0
```
#02eae0 rgb(2,234,224)
```

Shade Color Variation

#03fdf2
```
#03fdf2 rgb(3,253,242)
```
#17fdf3
```
#17fdf3 rgb(23,253,243)
```
#2afdf4
```
#2afdf4 rgb(42,253,244)
```
#3dfdf5
```
#3dfdf5 rgb(61,253,245)
```
#51fdf6
```
#51fdf6 rgb(81,253,246)
```
#64fef7
```
#64fef7 rgb(100,254,247)
```
#78fef8
```
#78fef8 rgb(120,254,248)
```
#8bfef9
```
#8bfef9 rgb(139,254,249)
```
#9ffefa
```
#9ffefa rgb(159,254,250)
```
#b2fefb
```
#b2fefb rgb(178,254,251)
```
#c5fefc
```
#c5fefc rgb(197,254,252)
```
#d9fffd
```
#d9fffd rgb(217,255,253)
```
#ecfffe
```
#ecfffe rgb(236,255,254)
```

Tint Color Variation

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

#8d9a99
```
#8d9a99 rgb(141,154,153)
```
#85a2a1
```
#85a2a1 rgb(133,162,161)
```
#7daaa8
```
#7daaa8 rgb(125,170,168)
```
#74b3b0
```
#74b3b0 rgb(116,179,176)
```
#6cbbb7
```
#6cbbb7 rgb(108,187,183)
```
#64c3bf
```
#64c3bf rgb(100,195,191)
```
#5ccbc7
```
#5ccbc7 rgb(92,203,199)
```
#53d4ce
```
#53d4ce rgb(83,212,206)
```
#4bdcd6
```
#4bdcd6 rgb(75,220,214)
```
#43e4dd
```
#43e4dd rgb(67,228,221)
```
#3bece5
```
#3bece5 rgb(59,236,229)
```
#32f5ec
```
#32f5ec rgb(50,245,236)
```
#2afdf4
```
#2afdf4 rgb(42,253,244)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a0cac8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e3e6 Protanopia 1% of men
#eddfff Deuteranopia 1% of men
#9df2ff Tritanopia 0.001% of the population

Trichromacy

#a3edeb Protanomaly 1% of men, 0.01% of women
#a6eafb Deuteranomaly 6% of men, 0.4% of women
#73f6fb Tritanomaly 0.01% of the population

#2afdf4 hex color

#2afdf4 Color Information

#2afdf4 Color Conversion

Color Schemes with #2afdf4

Alternatives to #2afdf4

#2afdf4 Preview

Shades and Tints of #2afdf4

Tones of #2afdf4

Color Blindness Simulator