#2afee2 hex color

In a RGB color space, hex #2afee2 is composed of 16.5% red, 99.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 11% yellow and 0.4% black. It has a hue angle of 172.1 degrees, a saturation of 99.1% and a lightness of 58%. #2afee2 color hex could be obtained by blending #54ffff with #00fdc5. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 16
- G 100
- B 89
RGB color chart
- C 83
- M 0
- Y 11
- K 0
CMYK color chart

● #2afee2 color description : Bright cyan.

The hexadecimal color #2afee2 has RGB values of R:42, G:254, B:226 and CMYK values of C:0.83, M:0, Y:0.11, K:0. Its decimal value is 2817762.

Hex triplet	2afee2	`#2afee2`
RGB Decimal	42, 254, 226	`rgb(42,254,226)`
RGB Percent	16.5, 99.6, 88.6	`rgb(16.5%,99.6%,88.6%)`
CMYK	83, 0, 11, 0
HSL	172.1°, 99.1, 58	`hsl(172.1,99.1%,58%)`
HSV (or HSB)	172.1°, 83.5, 99.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.258, -54.06, -0.329
XYZ	50.119, 76.862, 84.142
xyY	0.237, 0.364, 76.862
CIE-LCH	90.258, 54.061, 180.349
CIE-LUV	90.258, -70.518, 8.147
Hunter-Lab	87.671, -51.38, 4.466
Binary	00101010, 11111110, 11100010

#2afee2
```
#2afee2 rgb(42,254,226)
```
#fe2a46
```
#fe2a46 rgb(254,42,70)
```

Complementary Color

#2afe78
```
#2afe78 rgb(42,254,120)
```
#2afee2
```
#2afee2 rgb(42,254,226)
```
#2ab0fe
```
#2ab0fe rgb(42,176,254)
```

Analogous Color

#fe782a
```
#fe782a rgb(254,120,42)
```
#2afee2
```
#2afee2 rgb(42,254,226)
```
#fe2ab0
```
#fe2ab0 rgb(254,42,176)
```

Split Complementary Color

#fee22a
```
#fee22a rgb(254,226,42)
```
#2afee2
```
#2afee2 rgb(42,254,226)
```
#e22afe
```
#e22afe rgb(226,42,254)
```

Triadic Color

#46fe2a
```
#46fe2a rgb(70,254,42)
```
#2afee2
```
#2afee2 rgb(42,254,226)
```
#e22afe
```
#e22afe rgb(226,42,254)
```
#fe2a46
```
#fe2a46 rgb(254,42,70)
```

Tetradic Color

#01dabe
```
#01dabe rgb(1,218,190)
```
#01f4d4
```
#01f4d4 rgb(1,244,212)
```
#11fedf
```
#11fedf rgb(17,254,223)
```
#2afee2
```
#2afee2 rgb(42,254,226)
```
#43fee5
```
#43fee5 rgb(67,254,229)
```
#5dfee9
```
#5dfee9 rgb(93,254,233)
```
#76feec
```
#76feec rgb(118,254,236)
```

Monochromatic Color

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

#2afead
```
#2afead rgb(42,254,173)
```
#2afebf
```
#2afebf rgb(42,254,191)
```
#2afed0
```
#2afed0 rgb(42,254,208)
```
#2afee2
```
#2afee2 rgb(42,254,226)
```
#2afef4
```
#2afef4 rgb(42,254,244)
```
#2af7fe
```
#2af7fe rgb(42,247,254)
```
#2ae5fe
```
#2ae5fe rgb(42,229,254)
```

Similar Colors

Text with hexadecimal color #2afee2

This text has a font color of #2afee2.

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

#2afee2 background color

This paragraph has a background color of #2afee2.

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

#2afee2 border color

This element has a border color of #2afee2.

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

CSS codes

.text {color:#2afee2;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001512
```
#001512 rgb(0,21,18)
```
#002923
```
#002923 rgb(0,41,35)
```
#003c34
```
#003c34 rgb(0,60,52)
```
#005045
```
#005045 rgb(0,80,69)
```
#006356
```
#006356 rgb(0,99,86)
```
#017767
```
#017767 rgb(1,119,103)
```
#018a78
```
#018a78 rgb(1,138,120)
```
#019e89
```
#019e89 rgb(1,158,137)
```
#01b19a
```
#01b19a rgb(1,177,154)
```
#01c5ab
```
#01c5ab rgb(1,197,171)
```
#01d9bc
```
#01d9bc rgb(1,217,188)
```
#01eccd
```
#01eccd rgb(1,236,205)
```

Shade Color Variation

#03fedd
```
#03fedd rgb(3,254,221)
```
#16fedf
```
#16fedf rgb(22,254,223)
```
#2afee2
```
#2afee2 rgb(42,254,226)
```
#3efee5
```
#3efee5 rgb(62,254,229)
```
#51fee7
```
#51fee7 rgb(81,254,231)
```
#65feea
```
#65feea rgb(101,254,234)
```
#78feed
```
#78feed rgb(120,254,237)
```
#8cfeef
```
#8cfeef rgb(140,254,239)
```
#9ffff2
```
#9ffff2 rgb(159,255,242)
```
#b3fff5
```
#b3fff5 rgb(179,255,245)
```
#c6fff7
```
#c6fff7 rgb(198,255,247)
```
#dafffa
```
#dafffa rgb(218,255,250)
```
#edfffd
```
#edfffd rgb(237,255,253)
```

Tint Color Variation

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

#8d9b99
```
#8d9b99 rgb(141,155,153)
```
#85a39f
```
#85a39f rgb(133,163,159)
```
#7caca5
```
#7caca5 rgb(124,172,165)
```
#74b4ab
```
#74b4ab rgb(116,180,171)
```
#6cbcb2
```
#6cbcb2 rgb(108,188,178)
```
#64c4b8
```
#64c4b8 rgb(100,196,184)
```
#5bcdbe
```
#5bcdbe rgb(91,205,190)
```
#53d5c4
```
#53d5c4 rgb(83,213,196)
```
#4bddca
```
#4bddca rgb(75,221,202)
```
#43e5d0
```
#43e5d0 rgb(67,229,208)
```
#3aeed6
```
#3aeed6 rgb(58,238,214)
```
#32f6dc
```
#32f6dc rgb(50,246,220)
```
#2afee2
```
#2afee2 rgb(42,254,226)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#9ec8c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe3d5 Protanopia 1% of men
#f4deee Deuteranopia 1% of men
#9bf2ff Tritanopia 0.001% of the population

Trichromacy

#a5edda Protanomaly 1% of men, 0.01% of women
#abe9ea Deuteranomaly 6% of men, 0.4% of women
#72f6f4 Tritanomaly 0.01% of the population

#2afee2 hex color

#2afee2 Color Information

#2afee2 Color Conversion

Color Schemes with #2afee2

Alternatives to #2afee2

#2afee2 Preview

Shades and Tints of #2afee2

Tones of #2afee2

Color Blindness Simulator