#8af6fe hex color

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

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

● #8af6fe color description : Soft cyan.

The hexadecimal color #8af6fe has RGB values of R:138, G:246, B:254 and CMYK values of C:0.46, M:0.03, Y:0, K:0. Its decimal value is 9107198.

Hex triplet	8af6fe	`#8af6fe`
RGB Decimal	138, 246, 254	`rgb(138,246,254)`
RGB Percent	54.1, 96.5, 99.6	`rgb(54.1%,96.5%,99.6%)`
CMYK	46, 3, 0, 0
HSL	184.1°, 98.3, 76.9	`hsl(184.1,98.3%,76.9%)`
HSV (or HSB)	184.1°, 45.7, 99.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.992, -29.13, -13.546
XYZ	61.321, 78.467, 105.675
xyY	0.25, 0.32, 78.467
CIE-LCH	90.992, 32.126, 204.94
CIE-LUV	90.992, -47.475, -16.903
Hunter-Lab	88.581, -31.449, -8.724
Binary	10001010, 11110110, 11111110

#8af6fe
```
#8af6fe rgb(138,246,254)
```
#fe928a
```
#fe928a rgb(254,146,138)
```

Complementary Color

#8afecc
```
#8afecc rgb(138,254,204)
```
#8af6fe
```
#8af6fe rgb(138,246,254)
```
#8abcfe
```
#8abcfe rgb(138,188,254)
```

Analogous Color

#fecc8a
```
#fecc8a rgb(254,204,138)
```
#8af6fe
```
#8af6fe rgb(138,246,254)
```
#fe8abc
```
#fe8abc rgb(254,138,188)
```

Split Complementary Color

#f6fe8a
```
#f6fe8a rgb(246,254,138)
```
#8af6fe
```
#8af6fe rgb(138,246,254)
```
#fe8af6
```
#fe8af6 rgb(254,138,246)
```

Triadic Color

#8afe92
```
#8afe92 rgb(138,254,146)
```
#8af6fe
```
#8af6fe rgb(138,246,254)
```
#fe8af6
```
#fe8af6 rgb(254,138,246)
```
#fe928a
```
#fe928a rgb(254,146,138)
```

Tetradic Color

#3ef0fd
```
#3ef0fd rgb(62,240,253)
```
#57f2fe
```
#57f2fe rgb(87,242,254)
```
#71f4fe
```
#71f4fe rgb(113,244,254)
```
#8af6fe
```
#8af6fe rgb(138,246,254)
```
#a3f8fe
```
#a3f8fe rgb(163,248,254)
```
#bdfafe
```
#bdfafe rgb(189,250,254)
```
#d6fcff
```
#d6fcff rgb(214,252,255)
```

Monochromatic Color

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

#8afee9
```
#8afee9 rgb(138,254,233)
```
#8afef3
```
#8afef3 rgb(138,254,243)
```
#8afefc
```
#8afefc rgb(138,254,252)
```
#8af6fe
```
#8af6fe rgb(138,246,254)
```
#8aecfe
```
#8aecfe rgb(138,236,254)
```
#8ae3fe
```
#8ae3fe rgb(138,227,254)
```
#8ad9fe
```
#8ad9fe rgb(138,217,254)
```

Similar Colors

Text with hexadecimal color #8af6fe

This text has a font color of #8af6fe.

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

#8af6fe background color

This paragraph has a background color of #8af6fe.

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

#8af6fe border color

This element has a border color of #8af6fe.

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

CSS codes

.text {color:#8af6fe;}

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

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

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

#001213
```
#001213 rgb(0,18,19)
```
#002427
```
#002427 rgb(0,36,39)
```
#00363a
```
#00363a rgb(0,54,58)
```
#01484d
```
#01484d rgb(1,72,77)
```
#015a61
```
#015a61 rgb(1,90,97)
```
#016c74
```
#016c74 rgb(1,108,116)
```
#017f88
```
#017f88 rgb(1,127,136)
```
#01919b
```
#01919b rgb(1,145,155)
```
#01a3af
```
#01a3af rgb(1,163,175)
```
#02b5c2
```
#02b5c2 rgb(2,181,194)
```
#02c7d6
```
#02c7d6 rgb(2,199,214)
```
#02d9e9
```
#02d9e9 rgb(2,217,233)
```
#02ebfd
```
#02ebfd rgb(2,235,253)
```

Shade Color Variation

#15edfd
```
#15edfd rgb(21,237,253)
```
#29effd
```
#29effd rgb(41,239,253)
```
#3cf0fd
```
#3cf0fd rgb(60,240,253)
```
#50f2fe
```
#50f2fe rgb(80,242,254)
```
#63f3fe
```
#63f3fe rgb(99,243,254)
```
#77f5fe
```
#77f5fe rgb(119,245,254)
```
#8af6fe
```
#8af6fe rgb(138,246,254)
```
#9df7fe
```
#9df7fe rgb(157,247,254)
```
#b1f9fe
```
#b1f9fe rgb(177,249,254)
```
#c4fafe
```
#c4fafe rgb(196,250,254)
```
#d8fcff
```
#d8fcff rgb(216,252,255)
```
#ebfdff
```
#ebfdff rgb(235,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c0c7c8
```
#c0c7c8 rgb(192,199,200)
```
#bccbcc
```
#bccbcc rgb(188,203,204)
```
#b7cfd1
```
#b7cfd1 rgb(183,207,209)
```
#b3d3d5
```
#b3d3d5 rgb(179,211,213)
```
#aed7da
```
#aed7da rgb(174,215,218)
```
#aadbde
```
#aadbde rgb(170,219,222)
```
#a5dfe3
```
#a5dfe3 rgb(165,223,227)
```
#a1e2e7
```
#a1e2e7 rgb(161,226,231)
```
#9ce6ec
```
#9ce6ec rgb(156,230,236)
```
#98eaf0
```
#98eaf0 rgb(152,234,240)
```
#93eef5
```
#93eef5 rgb(147,238,245)
```
#8ff2f9
```
#8ff2f9 rgb(143,242,249)
```
#8af6fe
```
#8af6fe rgb(138,246,254)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#c8dddf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e5f4 Protanopia 1% of men
#ebe2ff Deuteranopia 1% of men
#aef1ff Tritanopia 0.001% of the population

Trichromacy

#c4ebf7 Protanomaly 1% of men, 0.01% of women
#c7e9fe Deuteranomaly 6% of men, 0.4% of women
#a1f3fe Tritanomaly 0.01% of the population

#8af6fe hex color

#8af6fe Color Information

#8af6fe Color Conversion

Color Schemes with #8af6fe

Alternatives to #8af6fe

#8af6fe Preview

Shades and Tints of #8af6fe

Tones of #8af6fe

Color Blindness Simulator