#8afef4 hex color

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

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

● #8afef4 color description : Soft cyan.

The hexadecimal color #8afef4 has RGB values of R:138, G:254, B:244 and CMYK values of C:0.46, M:0, Y:0.04, K:0. Its decimal value is 9109236.

Hex triplet	8afef4	`#8afef4`
RGB Decimal	138, 254, 244	`rgb(138,254,244)`
RGB Percent	54.1, 99.6, 95.7	`rgb(54.1%,99.6%,95.7%)`
CMYK	46, 0, 4, 0
HSL	174.8°, 98.3, 76.9	`hsl(174.8,98.3%,76.9%)`
HSV (or HSB)	174.8°, 45.7, 99.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.933, -35.332, -5.474
XYZ	62.247, 82.815, 98.288
xyY	0.256, 0.34, 82.815
CIE-LCH	92.933, 35.753, 188.807
CIE-LUV	92.933, -50.93, -2.789
Hunter-Lab	91.002, -37.157, -0.335
Binary	10001010, 11111110, 11110100

#8afef4
```
#8afef4 rgb(138,254,244)
```
#fe8a94
```
#fe8a94 rgb(254,138,148)
```

Complementary Color

#8afeba
```
#8afeba rgb(138,254,186)
```
#8afef4
```
#8afef4 rgb(138,254,244)
```
#8acefe
```
#8acefe rgb(138,206,254)
```

Analogous Color

#feba8a
```
#feba8a rgb(254,186,138)
```
#8afef4
```
#8afef4 rgb(138,254,244)
```
#fe8ace
```
#fe8ace rgb(254,138,206)
```

Split Complementary Color

#fef48a
```
#fef48a rgb(254,244,138)
```
#8afef4
```
#8afef4 rgb(138,254,244)
```
#f48afe
```
#f48afe rgb(244,138,254)
```

Triadic Color

#94fe8a
```
#94fe8a rgb(148,254,138)
```
#8afef4
```
#8afef4 rgb(138,254,244)
```
#f48afe
```
#f48afe rgb(244,138,254)
```
#fe8a94
```
#fe8a94 rgb(254,138,148)
```

Tetradic Color

#3efded
```
#3efded rgb(62,253,237)
```
#57feef
```
#57feef rgb(87,254,239)
```
#71fef2
```
#71fef2 rgb(113,254,242)
```
#8afef4
```
#8afef4 rgb(138,254,244)
```
#a3fef6
```
#a3fef6 rgb(163,254,246)
```
#bdfef9
```
#bdfef9 rgb(189,254,249)
```
#d6fffb
```
#d6fffb rgb(214,255,251)
```

Monochromatic Color

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

#8afed7
```
#8afed7 rgb(138,254,215)
```
#8afee1
```
#8afee1 rgb(138,254,225)
```
#8afeea
```
#8afeea rgb(138,254,234)
```
#8afef4
```
#8afef4 rgb(138,254,244)
```
#8afefe
```
#8afefe rgb(138,254,254)
```
#8af5fe
```
#8af5fe rgb(138,245,254)
```
#8aebfe
```
#8aebfe rgb(138,235,254)
```

Similar Colors

Text with hexadecimal color #8afef4

This text has a font color of #8afef4.

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

#8afef4 background color

This paragraph has a background color of #8afef4.

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

#8afef4 border color

This element has a border color of #8afef4.

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

CSS codes

.text {color:#8afef4;}

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

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

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

#001312
```
#001312 rgb(0,19,18)
```
#002723
```
#002723 rgb(0,39,35)
```
#003a35
```
#003a35 rgb(0,58,53)
```
#014d47
```
#014d47 rgb(1,77,71)
```
#016159
```
#016159 rgb(1,97,89)
```
#01746a
```
#01746a rgb(1,116,106)
```
#01887c
```
#01887c rgb(1,136,124)
```
#019b8e
```
#019b8e rgb(1,155,142)
```
#01afa0
```
#01afa0 rgb(1,175,160)
```
#02c2b2
```
#02c2b2 rgb(2,194,178)
```
#02d6c3
```
#02d6c3 rgb(2,214,195)
```
#02e9d5
```
#02e9d5 rgb(2,233,213)
```
#02fde7
```
#02fde7 rgb(2,253,231)
```

Shade Color Variation

#15fde9
```
#15fde9 rgb(21,253,233)
```
#29fdeb
```
#29fdeb rgb(41,253,235)
```
#3cfded
```
#3cfded rgb(60,253,237)
```
#50feef
```
#50feef rgb(80,254,239)
```
#63fef0
```
#63fef0 rgb(99,254,240)
```
#77fef2
```
#77fef2 rgb(119,254,242)
```
#8afef4
```
#8afef4 rgb(138,254,244)
```
#9dfef6
```
#9dfef6 rgb(157,254,246)
```
#b1fef8
```
#b1fef8 rgb(177,254,248)
```
#c4fef9
```
#c4fef9 rgb(196,254,249)
```
#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 #8afef4 is the most saturated one.

#c0c8c7
```
#c0c8c7 rgb(192,200,199)
```
#bccccb
```
#bccccb rgb(188,204,203)
```
#b7d1ce
```
#b7d1ce rgb(183,209,206)
```
#b3d5d2
```
#b3d5d2 rgb(179,213,210)
```
#aedad6
```
#aedad6 rgb(174,218,214)
```
#aadeda
```
#aadeda rgb(170,222,218)
```
#a5e3dd
```
#a5e3dd rgb(165,227,221)
```
#a1e7e1
```
#a1e7e1 rgb(161,231,225)
```
#9cece5
```
#9cece5 rgb(156,236,229)
```
#98f0e9
```
#98f0e9 rgb(152,240,233)
```
#93f5ec
```
#93f5ec rgb(147,245,236)
```
#8ff9f0
```
#8ff9f0 rgb(143,249,240)
```
#8afef4
```
#8afef4 rgb(138,254,244)
```

Tone Color Variation

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

#efeaea Protanopia 1% of men
#f9e5fd Deuteranopia 1% of men
#c3f4ff Tritanopia 0.001% of the population

Trichromacy

#caf1ed Protanomaly 1% of men, 0.01% of women
#d0eef9 Deuteranomaly 6% of men, 0.4% of women
#aef7fb Tritanomaly 0.01% of the population

#8afef4 hex color

#8afef4 Color Information

#8afef4 Color Conversion

Color Schemes with #8afef4

Alternatives to #8afef4

#8afef4 Preview

Shades and Tints of #8afef4

Tones of #8afef4

Color Blindness Simulator