#8afae4 hex color

In a RGB color space, hex #8afae4 is composed of 54.1% red, 98% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 0% magenta, 8.8% yellow and 2% black. It has a hue angle of 168.2 degrees, a saturation of 91.8% and a lightness of 76.1%. #8afae4 color hex could be obtained by blending #ffffff with #15f5c9. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 54
- G 98
- B 89
RGB color chart
- C 45
- M 0
- Y 9
- K 2
CMYK color chart

● #8afae4 color description : Very soft cyan.

The hexadecimal color #8afae4 has RGB values of R:138, G:250, B:228 and CMYK values of C:0.45, M:0, Y:0.09, K:0.02. Its decimal value is 9108196.

Hex triplet	8afae4	`#8afae4`
RGB Decimal	138, 250, 228	`rgb(138,250,228)`
RGB Percent	54.1, 98, 89.4	`rgb(54.1%,98%,89.4%)`
CMYK	45, 0, 9, 2
HSL	168.2°, 91.8, 76.1	`hsl(168.2,91.8%,76.1%)`
HSV (or HSB)	168.2°, 44.8, 98
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	91.402, -37.226, 0.573
XYZ	58.666, 79.372, 85.623
xyY	0.262, 0.355, 79.372
CIE-LCH	91.402, 37.23, 179.119
CIE-LUV	91.402, -49.944, 7.084
Hunter-Lab	89.091, -38.368, 5.381
Binary	10001010, 11111010, 11100100

#8afae4
```
#8afae4 rgb(138,250,228)
```
#fa8aa0
```
#fa8aa0 rgb(250,138,160)
```

Complementary Color

#8afaac
```
#8afaac rgb(138,250,172)
```
#8afae4
```
#8afae4 rgb(138,250,228)
```
#8ad8fa
```
#8ad8fa rgb(138,216,250)
```

Analogous Color

#faac8a
```
#faac8a rgb(250,172,138)
```
#8afae4
```
#8afae4 rgb(138,250,228)
```
#fa8ad8
```
#fa8ad8 rgb(250,138,216)
```

Split Complementary Color

#fae48a
```
#fae48a rgb(250,228,138)
```
#8afae4
```
#8afae4 rgb(138,250,228)
```
#e48afa
```
#e48afa rgb(228,138,250)
```

Triadic Color

#a0fa8a
```
#a0fa8a rgb(160,250,138)
```
#8afae4
```
#8afae4 rgb(138,250,228)
```
#e48afa
```
#e48afa rgb(228,138,250)
```
#fa8aa0
```
#fa8aa0 rgb(250,138,160)
```

Tetradic Color

#41f7d3
```
#41f7d3 rgb(65,247,211)
```
#59f8d9
```
#59f8d9 rgb(89,248,217)
```
#72f9de
```
#72f9de rgb(114,249,222)
```
#8afae4
```
#8afae4 rgb(138,250,228)
```
#a2fbea
```
#a2fbea rgb(162,251,234)
```
#bbfcef
```
#bbfcef rgb(187,252,239)
```
#d3fdf5
```
#d3fdf5 rgb(211,253,245)
```

Monochromatic Color

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

#8afac8
```
#8afac8 rgb(138,250,200)
```
#8afad1
```
#8afad1 rgb(138,250,209)
```
#8afadb
```
#8afadb rgb(138,250,219)
```
#8afae4
```
#8afae4 rgb(138,250,228)
```
#8afaed
```
#8afaed rgb(138,250,237)
```
#8afaf7
```
#8afaf7 rgb(138,250,247)
```
#8af4fa
```
#8af4fa rgb(138,244,250)
```

Similar Colors

Text with hexadecimal color #8afae4

This text has a font color of #8afae4.

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

#8afae4 background color

This paragraph has a background color of #8afae4.

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

#8afae4 border color

This element has a border color of #8afae4.

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

CSS codes

.text {color:#8afae4;}

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

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

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, #010f0c is the darkest color, while #fbfffe is the lightest one.

#010f0c
```
#010f0c rgb(1,15,12)
```
#01211b
```
#01211b rgb(1,33,27)
```
#02342a
```
#02342a rgb(2,52,42)
```
#03473a
```
#03473a rgb(3,71,58)
```
#045a49
```
#045a49 rgb(4,90,73)
```
#056d58
```
#056d58 rgb(5,109,88)
```
#058068
```
#058068 rgb(5,128,104)
```
#069277
```
#069277 rgb(6,146,119)
```
#07a586
```
#07a586 rgb(7,165,134)
```
#08b895
```
#08b895 rgb(8,184,149)
```
#09cba5
```
#09cba5 rgb(9,203,165)
```
#09deb4
```
#09deb4 rgb(9,222,180)
```
#0af0c3
```
#0af0c3 rgb(10,240,195)
```

Shade Color Variation

#19f5ca
```
#19f5ca rgb(25,245,202)
```
#2cf6ce
```
#2cf6ce rgb(44,246,206)
```
#3ff7d3
```
#3ff7d3 rgb(63,247,211)
```
#52f8d7
```
#52f8d7 rgb(82,248,215)
```
#64f8db
```
#64f8db rgb(100,248,219)
```
#77f9e0
```
#77f9e0 rgb(119,249,224)
```
#8afae4
```
#8afae4 rgb(138,250,228)
```
#9dfbe8
```
#9dfbe8 rgb(157,251,232)
```
#b0fced
```
#b0fced rgb(176,252,237)
```
#c2fcf1
```
#c2fcf1 rgb(194,252,241)
```
#d5fdf5
```
#d5fdf5 rgb(213,253,245)
```
#e8fefa
```
#e8fefa rgb(232,254,250)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#bec6c5
```
#bec6c5 rgb(190,198,197)
```
#b9cbc8
```
#b9cbc8 rgb(185,203,200)
```
#b4d0ca
```
#b4d0ca rgb(180,208,202)
```
#b0d4cd
```
#b0d4cd rgb(176,212,205)
```
#abd9d0
```
#abd9d0 rgb(171,217,208)
```
#a6ded3
```
#a6ded3 rgb(166,222,211)
```
#a1e3d6
```
#a1e3d6 rgb(161,227,214)
```
#9de7d9
```
#9de7d9 rgb(157,231,217)
```
#98ecdb
```
#98ecdb rgb(152,236,219)
```
#93f1de
```
#93f1de rgb(147,241,222)
```
#8ff5e1
```
#8ff5e1 rgb(143,245,225)
```
#8afae4
```
#8afae4 rgb(138,250,228)
```
#85ffe7
```
#85ffe7 rgb(133,255,231)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#c7ddd9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee6db Protanopia 1% of men
#f9e1ee Deuteranopia 1% of men
#b4f1ff Tritanopia 0.001% of the population

Trichromacy

#c9edde Protanomaly 1% of men, 0.01% of women
#d1eaea Deuteranomaly 6% of men, 0.4% of women
#a5f4f5 Tritanomaly 0.01% of the population

#8afae4 hex color

#8afae4 Color Information

#8afae4 Color Conversion

Color Schemes with #8afae4

Alternatives to #8afae4

#8afae4 Preview

Shades and Tints of #8afae4

Tones of #8afae4

Color Blindness Simulator