#2afdf0 hex color

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

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

● #2afdf0 color description : Bright cyan.

The hexadecimal color #2afdf0 has RGB values of R:42, G:253, B:240 and CMYK values of C:0.83, M:0, Y:0.05, K:0.01. Its decimal value is 2817520.

Hex triplet	2afdf0	`#2afdf0`
RGB Decimal	42, 253, 240	`rgb(42,253,240)`
RGB Percent	16.5, 99.2, 94.1	`rgb(16.5%,99.2%,94.1%)`
CMYK	83, 0, 5, 1
HSL	176.3°, 98.1, 57.8	`hsl(176.3,98.1%,57.8%)`
HSV (or HSB)	176.3°, 83.4, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.335, -49.918, -7.486
XYZ	51.803, 77.029, 94.571
xyY	0.232, 0.345, 77.029
CIE-LCH	90.335, 50.476, 188.529
CIE-LUV	90.335, -69.122, -3.943
Hunter-Lab	87.766, -48.233, -2.451
Binary	00101010, 11111101, 11110000

#2afdf0
```
#2afdf0 rgb(42,253,240)
```
#fd2a37
```
#fd2a37 rgb(253,42,55)
```

Complementary Color

#2afd87
```
#2afd87 rgb(42,253,135)
```
#2afdf0
```
#2afdf0 rgb(42,253,240)
```
#2aa1fd
```
#2aa1fd rgb(42,161,253)
```

Analogous Color

#fd872a
```
#fd872a rgb(253,135,42)
```
#2afdf0
```
#2afdf0 rgb(42,253,240)
```
#fd2aa1
```
#fd2aa1 rgb(253,42,161)
```

Split Complementary Color

#fdf02a
```
#fdf02a rgb(253,240,42)
```
#2afdf0
```
#2afdf0 rgb(42,253,240)
```
#f02afd
```
#f02afd rgb(240,42,253)
```

Triadic Color

#37fd2a
```
#37fd2a rgb(55,253,42)
```
#2afdf0
```
#2afdf0 rgb(42,253,240)
```
#f02afd
```
#f02afd rgb(240,42,253)
```
#fd2a37
```
#fd2a37 rgb(253,42,55)
```

Tetradic Color

#02d8cb
```
#02d8cb rgb(2,216,203)
```
#02f2e3
```
#02f2e3 rgb(2,242,227)
```
#11fdee
```
#11fdee rgb(17,253,238)
```
#2afdf0
```
#2afdf0 rgb(42,253,240)
```
#43fdf2
```
#43fdf2 rgb(67,253,242)
```
#5dfdf4
```
#5dfdf4 rgb(93,253,244)
```
#76fef5
```
#76fef5 rgb(118,254,245)
```

Monochromatic Color

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

#2afdbb
```
#2afdbb rgb(42,253,187)
```
#2afdcd
```
#2afdcd rgb(42,253,205)
```
#2afdde
```
#2afdde rgb(42,253,222)
```
#2afdf0
```
#2afdf0 rgb(42,253,240)
```
#2af8fd
```
#2af8fd rgb(42,248,253)
```
#2ae7fd
```
#2ae7fd rgb(42,231,253)
```
#2ad5fd
```
#2ad5fd rgb(42,213,253)
```

Similar Colors

Text with hexadecimal color #2afdf0

This text has a font color of #2afdf0.

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

#2afdf0 background color

This paragraph has a background color of #2afdf0.

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

#2afdf0 border color

This element has a border color of #2afdf0.

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

CSS codes

.text {color:#2afdf0;}

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

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

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)
```
#002825
```
#002825 rgb(0,40,37)
```
#013b37
```
#013b37 rgb(1,59,55)
```
#014e4a
```
#014e4a rgb(1,78,74)
```
#01625c
```
#01625c rgb(1,98,92)
```
#01756e
```
#01756e rgb(1,117,110)
```
#018980
```
#018980 rgb(1,137,128)
```
#019c93
```
#019c93 rgb(1,156,147)
```
#02b0a5
```
#02b0a5 rgb(2,176,165)
```
#02c3b7
```
#02c3b7 rgb(2,195,183)
```
#02d7c9
```
#02d7c9 rgb(2,215,201)
```
#02eadc
```
#02eadc rgb(2,234,220)
```

Shade Color Variation

#03fded
```
#03fded rgb(3,253,237)
```
#17fdef
```
#17fdef rgb(23,253,239)
```
#2afdf0
```
#2afdf0 rgb(42,253,240)
```
#3dfdf1
```
#3dfdf1 rgb(61,253,241)
```
#51fdf3
```
#51fdf3 rgb(81,253,243)
```
#64fef4
```
#64fef4 rgb(100,254,244)
```
#78fef5
```
#78fef5 rgb(120,254,245)
```
#8bfef7
```
#8bfef7 rgb(139,254,247)
```
#9ffef8
```
#9ffef8 rgb(159,254,248)
```
#b2fefa
```
#b2fefa rgb(178,254,250)
```
#c5fefb
```
#c5fefb rgb(197,254,251)
```
#d9fffc
```
#d9fffc rgb(217,255,252)
```
#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 #2afdf0 is the most saturated one.

#8d9a99
```
#8d9a99 rgb(141,154,153)
```
#85a2a0
```
#85a2a0 rgb(133,162,160)
```
#7daaa7
```
#7daaa7 rgb(125,170,167)
```
#74b3af
```
#74b3af rgb(116,179,175)
```
#6cbbb6
```
#6cbbb6 rgb(108,187,182)
```
#64c3bd
```
#64c3bd rgb(100,195,189)
```
#5ccbc4
```
#5ccbc4 rgb(92,203,196)
```
#53d4cc
```
#53d4cc rgb(83,212,204)
```
#4bdcd3
```
#4bdcd3 rgb(75,220,211)
```
#43e4da
```
#43e4da rgb(67,228,218)
```
#3bece1
```
#3bece1 rgb(59,236,225)
```
#32f5e9
```
#32f5e9 rgb(50,245,233)
```
#2afdf0
```
#2afdf0 rgb(42,253,240)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#9fc9c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e3e3 Protanopia 1% of men
#eedffb Deuteranopia 1% of men
#9bf2ff Tritanopia 0.001% of the population

Trichromacy

#a3ece7 Protanomaly 1% of men, 0.01% of women
#a7e9f7 Deuteranomaly 6% of men, 0.4% of women
#72f6f9 Tritanomaly 0.01% of the population

#2afdf0 hex color

#2afdf0 Color Information

#2afdf0 Color Conversion

Color Schemes with #2afdf0

Alternatives to #2afdf0

#2afdf0 Preview

Shades and Tints of #2afdf0

Tones of #2afdf0

Color Blindness Simulator