#8afef2 hex color

In a RGB color space, hex #8afef2 is composed of 54.1% red, 99.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 0% magenta, 4.7% yellow and 0.4% black. It has a hue angle of 173.8 degrees, a saturation of 98.3% and a lightness of 76.9%. #8afef2 color hex could be obtained by blending #ffffff with #15fde5. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 54
- G 100
- B 95
RGB color chart
- C 46
- M 0
- Y 5
- K 0
CMYK color chart

● #8afef2 color description : Soft cyan.

The hexadecimal color #8afef2 has RGB values of R:138, G:254, B:242 and CMYK values of C:0.46, M:0, Y:0.05, K:0. Its decimal value is 9109234.

Hex triplet	8afef2	`#8afef2`
RGB Decimal	138, 254, 242	`rgb(138,254,242)`
RGB Percent	54.1, 99.6, 94.9	`rgb(54.1%,99.6%,94.9%)`
CMYK	46, 0, 5, 0
HSL	173.8°, 98.3, 76.9	`hsl(173.8,98.3%,76.9%)`
HSV (or HSB)	173.8°, 45.7, 99.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.88, -35.807, -4.517
XYZ	61.945, 82.694, 96.697
xyY	0.257, 0.343, 82.694
CIE-LCH	92.88, 36.09, 187.19
CIE-LUV	92.88, -51.004, -1.179
Hunter-Lab	90.936, -37.544, 0.609
Binary	10001010, 11111110, 11110010

#8afef2
```
#8afef2 rgb(138,254,242)
```
#fe8a96
```
#fe8a96 rgb(254,138,150)
```

Complementary Color

#8afeb8
```
#8afeb8 rgb(138,254,184)
```
#8afef2
```
#8afef2 rgb(138,254,242)
```
#8ad0fe
```
#8ad0fe rgb(138,208,254)
```

Analogous Color

#feb88a
```
#feb88a rgb(254,184,138)
```
#8afef2
```
#8afef2 rgb(138,254,242)
```
#fe8ad0
```
#fe8ad0 rgb(254,138,208)
```

Split Complementary Color

#fef28a
```
#fef28a rgb(254,242,138)
```
#8afef2
```
#8afef2 rgb(138,254,242)
```
#f28afe
```
#f28afe rgb(242,138,254)
```

Triadic Color

#96fe8a
```
#96fe8a rgb(150,254,138)
```
#8afef2
```
#8afef2 rgb(138,254,242)
```
#f28afe
```
#f28afe rgb(242,138,254)
```
#fe8a96
```
#fe8a96 rgb(254,138,150)
```

Tetradic Color

#3efdea
```
#3efdea rgb(62,253,234)
```
#57feec
```
#57feec rgb(87,254,236)
```
#71feef
```
#71feef rgb(113,254,239)
```
#8afef2
```
#8afef2 rgb(138,254,242)
```
#a3fef5
```
#a3fef5 rgb(163,254,245)
```
#bdfef8
```
#bdfef8 rgb(189,254,248)
```
#d6fffa
```
#d6fffa rgb(214,255,250)
```

Monochromatic Color

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

#8afed5
```
#8afed5 rgb(138,254,213)
```
#8afedf
```
#8afedf rgb(138,254,223)
```
#8afee8
```
#8afee8 rgb(138,254,232)
```
#8afef2
```
#8afef2 rgb(138,254,242)
```
#8afefc
```
#8afefc rgb(138,254,252)
```
#8af7fe
```
#8af7fe rgb(138,247,254)
```
#8aedfe
```
#8aedfe rgb(138,237,254)
```

Similar Colors

Text with hexadecimal color #8afef2

This text has a font color of #8afef2.

<span style="color:#8afef2;">Text here</span>

#8afef2 background color

This paragraph has a background color of #8afef2.

<p style="background-color:#8afef2;">Content here</p>

#8afef2 border color

This element has a border color of #8afef2.

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

CSS codes

.text {color:#8afef2;}

.background {background-color:#8afef2;}

.border {border:1px solid #8afef2;}

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

#001311
```
#001311 rgb(0,19,17)
```
#002723
```
#002723 rgb(0,39,35)
```
#003a34
```
#003a34 rgb(0,58,52)
```
#014d46
```
#014d46 rgb(1,77,70)
```
#016157
```
#016157 rgb(1,97,87)
```
#017468
```
#017468 rgb(1,116,104)
```
#01887a
```
#01887a rgb(1,136,122)
```
#019b8b
```
#019b8b rgb(1,155,139)
```
#01af9d
```
#01af9d rgb(1,175,157)
```
#02c2ae
```
#02c2ae rgb(2,194,174)
```
#02d6c0
```
#02d6c0 rgb(2,214,192)
```
#02e9d1
```
#02e9d1 rgb(2,233,209)
```
#02fde3
```
#02fde3 rgb(2,253,227)
```

Shade Color Variation

#15fde5
```
#15fde5 rgb(21,253,229)
```
#29fde7
```
#29fde7 rgb(41,253,231)
```
#3cfde9
```
#3cfde9 rgb(60,253,233)
```
#50feec
```
#50feec rgb(80,254,236)
```
#63feee
```
#63feee rgb(99,254,238)
```
#77fef0
```
#77fef0 rgb(119,254,240)
```
#8afef2
```
#8afef2 rgb(138,254,242)
```
#9dfef4
```
#9dfef4 rgb(157,254,244)
```
#b1fef6
```
#b1fef6 rgb(177,254,246)
```
#c4fef8
```
#c4fef8 rgb(196,254,248)
```
#d8fffb
```
#d8fffb rgb(216,255,251)
```
#ebfffd
```
#ebfffd rgb(235,255,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c0c8c7
```
#c0c8c7 rgb(192,200,199)
```
#bcccca
```
#bcccca rgb(188,204,202)
```
#b7d1ce
```
#b7d1ce rgb(183,209,206)
```
#b3d5d2
```
#b3d5d2 rgb(179,213,210)
```
#aedad5
```
#aedad5 rgb(174,218,213)
```
#aaded9
```
#aaded9 rgb(170,222,217)
```
#a5e3dc
```
#a5e3dc rgb(165,227,220)
```
#a1e7e0
```
#a1e7e0 rgb(161,231,224)
```
#9cece4
```
#9cece4 rgb(156,236,228)
```
#98f0e7
```
#98f0e7 rgb(152,240,231)
```
#93f5eb
```
#93f5eb rgb(147,245,235)
```
#8ff9ee
```
#8ff9ee rgb(143,249,238)
```
#8afef2
```
#8afef2 rgb(138,254,242)
```

Tone Color Variation

Below, you can see how #8afef2 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

#dadada Achromatopsia 0.005% of the population
#cae1df Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0eae8 Protanopia 1% of men
#f9e5fb Deuteranopia 1% of men
#c2f4ff Tritanopia 0.001% of the population

Trichromacy

#cbf1eb Protanomaly 1% of men, 0.01% of women
#d1eef7 Deuteranomaly 6% of men, 0.4% of women
#aef7fa Tritanomaly 0.01% of the population

#8afef2 hex color

#8afef2 Color Information

#8afef2 Color Conversion

Color Schemes with #8afef2

Alternatives to #8afef2

#8afef2 Preview

Shades and Tints of #8afef2

Tones of #8afef2

Color Blindness Simulator