colorhexa.com

#2afff0 hex color

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

- R 16
- G 100
- B 94
RGB color chart
- C 84
- M 0
- Y 6
- K 0
CMYK color chart

● #2afff0 color description : Vivid cyan.

The hexadecimal color #2afff0 has RGB values of R:42, G:255, B:240 and CMYK values of C:0.84, M:0, Y:0.06, K:0. Its decimal value is 2818032.

Hex triplet	2afff0	`#2afff0`
RGB Decimal	42, 255, 240	`rgb(42,255,240)`
RGB Percent	16.5, 100, 94.1	`rgb(16.5%,100%,94.1%)`
CMYK	84, 0, 6, 0
HSL	175.8°, 100, 58.2	`hsl(175.8,100%,58.2%)`
HSV (or HSB)	175.8°, 83.5, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.916, -50.761, -6.627
XYZ	52.438, 78.298, 94.783
xyY	0.233, 0.347, 78.298
CIE-LCH	90.916, 51.191, 187.438
CIE-LUV	90.916, -69.788, -2.419
Hunter-Lab	88.486, -49.07, -1.568
Binary	00101010, 11111111, 11110000

#2afff0
```
#2afff0 rgb(42,255,240)
```
#ff2a39
```
#ff2a39 rgb(255,42,57)
```

Complementary Color

#2aff86
```
#2aff86 rgb(42,255,134)
```
#2afff0
```
#2afff0 rgb(42,255,240)
```
#2aa4ff
```
#2aa4ff rgb(42,164,255)
```

Analogous Color

#ff862a
```
#ff862a rgb(255,134,42)
```
#2afff0
```
#2afff0 rgb(42,255,240)
```
#ff2aa4
```
#ff2aa4 rgb(255,42,164)
```

Split Complementary Color

#fff02a
```
#fff02a rgb(255,240,42)
```
#2afff0
```
#2afff0 rgb(42,255,240)
```
#f02aff
```
#f02aff rgb(240,42,255)
```

Triadic Color

#39ff2a
```
#39ff2a rgb(57,255,42)
```
#2afff0
```
#2afff0 rgb(42,255,240)
```
#f02aff
```
#f02aff rgb(240,42,255)
```
#ff2a39
```
#ff2a39 rgb(255,42,57)
```

Tetradic Color

#00ddcd
```
#00ddcd rgb(0,221,205)
```
#00f6e5
```
#00f6e5 rgb(0,246,229)
```
#11ffee
```
#11ffee rgb(17,255,238)
```
#2afff0
```
#2afff0 rgb(42,255,240)
```
#44fff2
```
#44fff2 rgb(68,255,242)
```
#5dfff4
```
#5dfff4 rgb(93,255,244)
```
#77fff5
```
#77fff5 rgb(119,255,245)
```

Monochromatic Color

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

#2affbb
```
#2affbb rgb(42,255,187)
```
#2affcd
```
#2affcd rgb(42,255,205)
```
#2affde
```
#2affde rgb(42,255,222)
```
#2afff0
```
#2afff0 rgb(42,255,240)
```
#2afcff
```
#2afcff rgb(42,252,255)
```
#2aebff
```
#2aebff rgb(42,235,255)
```
#2ad9ff
```
#2ad9ff rgb(42,217,255)
```

Similar Colors

Text with hexadecimal color #2afff0

This text has a font color of #2afff0.

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

#2afff0 background color

This paragraph has a background color of #2afff0.

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

#2afff0 border color

This element has a border color of #2afff0.

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

CSS codes

.text {color:#2afff0;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001615
```
#001615 rgb(0,22,21)
```
#002a27
```
#002a27 rgb(0,42,39)
```
#003e39
```
#003e39 rgb(0,62,57)
```
#00514c
```
#00514c rgb(0,81,76)
```
#00655e
```
#00655e rgb(0,101,94)
```
#007870
```
#007870 rgb(0,120,112)
```
#008c82
```
#008c82 rgb(0,140,130)
```
#00a094
```
#00a094 rgb(0,160,148)
```
#00b3a7
```
#00b3a7 rgb(0,179,167)
```
#00c7b9
```
#00c7b9 rgb(0,199,185)
```
#00dbcb
```
#00dbcb rgb(0,219,203)
```
#00eedd
```
#00eedd rgb(0,238,221)
```

Shade Color Variation

#03ffed
```
#03ffed rgb(3,255,237)
```
#16ffef
```
#16ffef rgb(22,255,239)
```
#2afff0
```
#2afff0 rgb(42,255,240)
```
#3efff1
```
#3efff1 rgb(62,255,241)
```
#51fff3
```
#51fff3 rgb(81,255,243)
```
#65fff4
```
#65fff4 rgb(101,255,244)
```
#78fff6
```
#78fff6 rgb(120,255,246)
```
#8cfff7
```
#8cfff7 rgb(140,255,247)
```
#a0fff8
```
#a0fff8 rgb(160,255,248)
```
#b3fffa
```
#b3fffa rgb(179,255,250)
```
#c7fffb
```
#c7fffb rgb(199,255,251)
```
#dbfffc
```
#dbfffc rgb(219,255,252)
```
#eefffe
```
#eefffe rgb(238,255,254)
```

Tint Color Variation

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

#8c9d9c
```
#8c9d9c rgb(140,157,156)
```
#84a5a3
```
#84a5a3 rgb(132,165,163)
```
#7cadaa
```
#7cadaa rgb(124,173,170)
```
#74b5b1
```
#74b5b1 rgb(116,181,177)
```
#6cbdb8
```
#6cbdb8 rgb(108,189,184)
```
#63c6bf
```
#63c6bf rgb(99,198,191)
```
#5bcec6
```
#5bcec6 rgb(91,206,198)
```
#53d6cd
```
#53d6cd rgb(83,214,205)
```
#4bded4
```
#4bded4 rgb(75,222,212)
```
#43e6db
```
#43e6db rgb(67,230,219)
```
#3aefe2
```
#3aefe2 rgb(58,239,226)
```
#32f7e9
```
#32f7e9 rgb(50,247,233)
```
#2afff0
```
#2afff0 rgb(42,255,240)
```

Tone Color Variation

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

Dichromacy

#eae5e2 Protanopia 1% of men
#f1e0fb Deuteranopia 1% of men
#a3f3ff Tritanopia 0.001% of the population

Trichromacy

#a4eee7 Protanomaly 1% of men, 0.01% of women
#a8ebf7 Deuteranomaly 6% of men, 0.4% of women
#77f7f9 Tritanomaly 0.01% of the population