#2afcff hex color

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

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

● #2afcff color description : Vivid cyan.

The hexadecimal color #2afcff has RGB values of R:42, G:252, B:255 and CMYK values of C:0.84, M:0.01, Y:0, K:0. Its decimal value is 2817279.

Hex triplet	2afcff	`#2afcff`
RGB Decimal	42, 252, 255	`rgb(42,252,255)`
RGB Percent	16.5, 98.8, 100	`rgb(16.5%,98.8%,100%)`
CMYK	84, 1, 0, 0
HSL	180.8°, 100, 58.2	`hsl(180.8,100%,58.2%)`
HSV (or HSB)	180.8°, 83.5, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.472, -45.303, -15.077
XYZ	53.81, 77.328, 106.692
xyY	0.226, 0.325, 77.328
CIE-LCH	90.472, 47.746, 198.407
CIE-LUV	90.472, -67.639, -17.165
Hunter-Lab	87.936, -44.661, -10.381
Binary	00101010, 11111100, 11111111

#2afcff
```
#2afcff rgb(42,252,255)
```
#ff2d2a
```
#ff2d2a rgb(255,45,42)
```

Complementary Color

#2aff98
```
#2aff98 rgb(42,255,152)
```
#2afcff
```
#2afcff rgb(42,252,255)
```
#2a92ff
```
#2a92ff rgb(42,146,255)
```

Analogous Color

#ff982a
```
#ff982a rgb(255,152,42)
```
#2afcff
```
#2afcff rgb(42,252,255)
```
#ff2a92
```
#ff2a92 rgb(255,42,146)
```

Split Complementary Color

#fcff2a
```
#fcff2a rgb(252,255,42)
```
#2afcff
```
#2afcff rgb(42,252,255)
```
#ff2afc
```
#ff2afc rgb(255,42,252)
```

Triadic Color

#2aff2d
```
#2aff2d rgb(42,255,45)
```
#2afcff
```
#2afcff rgb(42,252,255)
```
#ff2afc
```
#ff2afc rgb(255,42,252)
```
#ff2d2a
```
#ff2d2a rgb(255,45,42)
```

Tetradic Color

#00d9dd
```
#00d9dd rgb(0,217,221)
```
#00f3f6
```
#00f3f6 rgb(0,243,246)
```
#11fcff
```
#11fcff rgb(17,252,255)
```
#2afcff
```
#2afcff rgb(42,252,255)
```
#44fcff
```
#44fcff rgb(68,252,255)
```
#5dfdff
```
#5dfdff rgb(93,253,255)
```
#77fdff
```
#77fdff rgb(119,253,255)
```

Monochromatic Color

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

#2affcd
```
#2affcd rgb(42,255,205)
```
#2affdf
```
#2affdf rgb(42,255,223)
```
#2afff0
```
#2afff0 rgb(42,255,240)
```
#2afcff
```
#2afcff rgb(42,252,255)
```
#2aeaff
```
#2aeaff rgb(42,234,255)
```
#2ad9ff
```
#2ad9ff rgb(42,217,255)
```
#2ac7ff
```
#2ac7ff rgb(42,199,255)
```

Similar Colors

Text with hexadecimal color #2afcff

This text has a font color of #2afcff.

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

#2afcff background color

This paragraph has a background color of #2afcff.

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

#2afcff border color

This element has a border color of #2afcff.

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

CSS codes

.text {color:#2afcff;}

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

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

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)
```
#003d3e
```
#003d3e rgb(0,61,62)
```
#005051
```
#005051 rgb(0,80,81)
```
#006365
```
#006365 rgb(0,99,101)
```
#007778
```
#007778 rgb(0,119,120)
```
#008a8c
```
#008a8c rgb(0,138,140)
```
#009da0
```
#009da0 rgb(0,157,160)
```
#00b1b3
```
#00b1b3 rgb(0,177,179)
```
#00c4c7
```
#00c4c7 rgb(0,196,199)
```
#00d7db
```
#00d7db rgb(0,215,219)
```
#00ebee
```
#00ebee rgb(0,235,238)
```

Shade Color Variation

#03fbff
```
#03fbff rgb(3,251,255)
```
#16fcff
```
#16fcff rgb(22,252,255)
```
#2afcff
```
#2afcff rgb(42,252,255)
```
#3efcff
```
#3efcff rgb(62,252,255)
```
#51fdff
```
#51fdff rgb(81,253,255)
```
#65fdff
```
#65fdff rgb(101,253,255)
```
#78fdff
```
#78fdff rgb(120,253,255)
```
#8cfdff
```
#8cfdff rgb(140,253,255)
```
#a0feff
```
#a0feff rgb(160,254,255)
```
#b3feff
```
#b3feff rgb(179,254,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 #2afcff 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)
```
#63c4c6
```
#63c4c6 rgb(99,196,198)
```
#5bccce
```
#5bccce rgb(91,204,206)
```
#53d4d6
```
#53d4d6 rgb(83,212,214)
```
#4bdcde
```
#4bdcde rgb(75,220,222)
```
#43e4e6
```
#43e4e6 rgb(67,228,230)
```
#3aecef
```
#3aecef rgb(58,236,239)
```
#32f4f7
```
#32f4f7 rgb(50,244,247)
```
#2afcff
```
#2afcff rgb(42,252,255)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#a0cacb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e3f1 Protanopia 1% of men
#e6e1ff Deuteranopia 1% of men
#9cf2ff Tritanopia 0.001% of the population

Trichromacy

#a1ecf6 Protanomaly 1% of men, 0.01% of women
#a2ebff Deuteranomaly 6% of men, 0.4% of women
#73f6ff Tritanomaly 0.01% of the population

#2afcff hex color

#2afcff Color Information

#2afcff Color Conversion

Color Schemes with #2afcff

Alternatives to #2afcff

#2afcff Preview

Shades and Tints of #2afcff

Tones of #2afcff

Color Blindness Simulator