#2afaff hex color

In a RGB color space, hex #2afaff is composed of 16.5% red, 98% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 2% magenta, 0% yellow and 0% black. It has a hue angle of 181.4 degrees, a saturation of 100% and a lightness of 58.2%. #2afaff color hex could be obtained by blending #54ffff with #00f5ff. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 16
- G 98
- B 100
RGB color chart
- C 84
- M 2
- Y 0
- K 0
CMYK color chart

● #2afaff color description : Vivid cyan.

The hexadecimal color #2afaff has RGB values of R:42, G:250, B:255 and CMYK values of C:0.84, M:0.02, Y:0, K:0. Its decimal value is 2816767.

Hex triplet	2afaff	`#2afaff`
RGB Decimal	42, 250, 255	`rgb(42,250,255)`
RGB Percent	16.5, 98, 100	`rgb(16.5%,98%,100%)`
CMYK	84, 2, 0, 0
HSL	181.4°, 100, 58.2	`hsl(181.4,100%,58.2%)`
HSV (or HSB)	181.4°, 83.5, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.896, -44.425, -15.941
XYZ	53.185, 76.078, 106.484
xyY	0.226, 0.323, 76.078
CIE-LCH	89.896, 47.199, 199.74
CIE-LUV	89.896, -66.971, -18.735
Hunter-Lab	87.223, -43.798, -11.327
Binary	00101010, 11111010, 11111111

#2afaff
```
#2afaff rgb(42,250,255)
```
#ff2f2a
```
#ff2f2a rgb(255,47,42)
```

Complementary Color

#2aff9a
```
#2aff9a rgb(42,255,154)
```
#2afaff
```
#2afaff rgb(42,250,255)
```
#2a90ff
```
#2a90ff rgb(42,144,255)
```

Analogous Color

#ff9a2a
```
#ff9a2a rgb(255,154,42)
```
#2afaff
```
#2afaff rgb(42,250,255)
```
#ff2a90
```
#ff2a90 rgb(255,42,144)
```

Split Complementary Color

#faff2a
```
#faff2a rgb(250,255,42)
```
#2afaff
```
#2afaff rgb(42,250,255)
```
#ff2afa
```
#ff2afa rgb(255,42,250)
```

Triadic Color

#2aff2f
```
#2aff2f rgb(42,255,47)
```
#2afaff
```
#2afaff rgb(42,250,255)
```
#ff2afa
```
#ff2afa rgb(255,42,250)
```
#ff2f2a
```
#ff2f2a rgb(255,47,42)
```

Tetradic Color

#00d7dd
```
#00d7dd rgb(0,215,221)
```
#00f0f6
```
#00f0f6 rgb(0,240,246)
```
#11f9ff
```
#11f9ff rgb(17,249,255)
```
#2afaff
```
#2afaff rgb(42,250,255)
```
#44fbff
```
#44fbff rgb(68,251,255)
```
#5dfbff
```
#5dfbff rgb(93,251,255)
```
#77fcff
```
#77fcff rgb(119,252,255)
```

Monochromatic Color

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

#2affcf
```
#2affcf rgb(42,255,207)
```
#2affe1
```
#2affe1 rgb(42,255,225)
```
#2afff2
```
#2afff2 rgb(42,255,242)
```
#2afaff
```
#2afaff rgb(42,250,255)
```
#2ae8ff
```
#2ae8ff rgb(42,232,255)
```
#2ad7ff
```
#2ad7ff rgb(42,215,255)
```
#2ac5ff
```
#2ac5ff rgb(42,197,255)
```

Similar Colors

Text with hexadecimal color #2afaff

This text has a font color of #2afaff.

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

#2afaff background color

This paragraph has a background color of #2afaff.

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

#2afaff border color

This element has a border color of #2afaff.

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

CSS codes

.text {color:#2afaff;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001616
```
#001616 rgb(0,22,22)
```
#00292a
```
#00292a rgb(0,41,42)
```
#003c3e
```
#003c3e rgb(0,60,62)
```
#004f51
```
#004f51 rgb(0,79,81)
```
#006265
```
#006265 rgb(0,98,101)
```
#007678
```
#007678 rgb(0,118,120)
```
#00898c
```
#00898c rgb(0,137,140)
```
#009ca0
```
#009ca0 rgb(0,156,160)
```
#00afb3
```
#00afb3 rgb(0,175,179)
```
#00c2c7
```
#00c2c7 rgb(0,194,199)
```
#00d5db
```
#00d5db rgb(0,213,219)
```
#00e9ee
```
#00e9ee rgb(0,233,238)
```

Shade Color Variation

#03f9ff
```
#03f9ff rgb(3,249,255)
```
#16faff
```
#16faff rgb(22,250,255)
```
#2afaff
```
#2afaff rgb(42,250,255)
```
#3efaff
```
#3efaff rgb(62,250,255)
```
#51fbff
```
#51fbff rgb(81,251,255)
```
#65fbff
```
#65fbff rgb(101,251,255)
```
#78fcff
```
#78fcff rgb(120,252,255)
```
#8cfcff
```
#8cfcff rgb(140,252,255)
```
#a0fdff
```
#a0fdff rgb(160,253,255)
```
#b3fdff
```
#b3fdff rgb(179,253,255)
```
#c7feff
```
#c7feff rgb(199,254,255)
```
#dbfeff
```
#dbfeff rgb(219,254,255)
```
#eeffff
```
#eeffff rgb(238,255,255)
```

Tint Color Variation

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

#8c9c9d
```
#8c9c9d rgb(140,156,157)
```
#84a4a5
```
#84a4a5 rgb(132,164,165)
```
#7cacad
```
#7cacad rgb(124,172,173)
```
#74b4b5
```
#74b4b5 rgb(116,180,181)
```
#6cbcbd
```
#6cbcbd rgb(108,188,189)
```
#63c3c6
```
#63c3c6 rgb(99,195,198)
```
#5bcbce
```
#5bcbce rgb(91,203,206)
```
#53d3d6
```
#53d3d6 rgb(83,211,214)
```
#4bdbde
```
#4bdbde rgb(75,219,222)
```
#43e3e6
```
#43e3e6 rgb(67,227,230)
```
#3aeaef
```
#3aeaef rgb(58,234,239)
```
#32f2f7
```
#32f2f7 rgb(50,242,247)
```
#2afaff
```
#2afaff rgb(42,250,255)
```

Tone Color Variation

Below, you can see how #2afaff 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
#9fc8c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e2f1 Protanopia 1% of men
#e4e0ff Deuteranopia 1% of men
#94f1ff Tritanopia 0.001% of the population

Trichromacy

#9feaf6 Protanomaly 1% of men, 0.01% of women
#a0e9ff Deuteranomaly 6% of men, 0.4% of women
#6df4ff Tritanomaly 0.01% of the population

#2afaff hex color

#2afaff Color Information

#2afaff Color Conversion

Color Schemes with #2afaff

Alternatives to #2afaff

#2afaff Preview

Shades and Tints of #2afaff

Tones of #2afaff

Color Blindness Simulator