#8af2fe hex color

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

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

● #8af2fe color description : Soft cyan.

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

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

CIE-LAB	89.887, -27.211, -15.201
XYZ	60.118, 76.06, 105.273
xyY	0.249, 0.315, 76.06
CIE-LCH	89.887, 31.169, 209.19
CIE-LUV	89.887, -45.928, -19.915
Hunter-Lab	87.212, -29.576, -10.52
Binary	10001010, 11110010, 11111110

#8af2fe
```
#8af2fe rgb(138,242,254)
```
#fe968a
```
#fe968a rgb(254,150,138)
```

Complementary Color

#8afed0
```
#8afed0 rgb(138,254,208)
```
#8af2fe
```
#8af2fe rgb(138,242,254)
```
#8ab8fe
```
#8ab8fe rgb(138,184,254)
```

Analogous Color

#fed08a
```
#fed08a rgb(254,208,138)
```
#8af2fe
```
#8af2fe rgb(138,242,254)
```
#fe8ab8
```
#fe8ab8 rgb(254,138,184)
```

Split Complementary Color

#f2fe8a
```
#f2fe8a rgb(242,254,138)
```
#8af2fe
```
#8af2fe rgb(138,242,254)
```
#fe8af2
```
#fe8af2 rgb(254,138,242)
```

Triadic Color

#8afe96
```
#8afe96 rgb(138,254,150)
```
#8af2fe
```
#8af2fe rgb(138,242,254)
```
#fe8af2
```
#fe8af2 rgb(254,138,242)
```
#fe968a
```
#fe968a rgb(254,150,138)
```

Tetradic Color

#3eeafd
```
#3eeafd rgb(62,234,253)
```
#57ecfe
```
#57ecfe rgb(87,236,254)
```
#71effe
```
#71effe rgb(113,239,254)
```
#8af2fe
```
#8af2fe rgb(138,242,254)
```
#a3f5fe
```
#a3f5fe rgb(163,245,254)
```
#bdf8fe
```
#bdf8fe rgb(189,248,254)
```
#d6faff
```
#d6faff rgb(214,250,255)
```

Monochromatic Color

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

#8afeed
```
#8afeed rgb(138,254,237)
```
#8afef7
```
#8afef7 rgb(138,254,247)
```
#8afcfe
```
#8afcfe rgb(138,252,254)
```
#8af2fe
```
#8af2fe rgb(138,242,254)
```
#8ae8fe
```
#8ae8fe rgb(138,232,254)
```
#8adffe
```
#8adffe rgb(138,223,254)
```
#8ad5fe
```
#8ad5fe rgb(138,213,254)
```

Similar Colors

Text with hexadecimal color #8af2fe

This text has a font color of #8af2fe.

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

#8af2fe background color

This paragraph has a background color of #8af2fe.

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

#8af2fe border color

This element has a border color of #8af2fe.

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

CSS codes

.text {color:#8af2fe;}

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

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

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

#001113
```
#001113 rgb(0,17,19)
```
#002327
```
#002327 rgb(0,35,39)
```
#00343a
```
#00343a rgb(0,52,58)
```
#01464d
```
#01464d rgb(1,70,77)
```
#015761
```
#015761 rgb(1,87,97)
```
#016874
```
#016874 rgb(1,104,116)
```
#017a88
```
#017a88 rgb(1,122,136)
```
#018b9b
```
#018b9b rgb(1,139,155)
```
#019daf
```
#019daf rgb(1,157,175)
```
#02aec2
```
#02aec2 rgb(2,174,194)
```
#02c0d6
```
#02c0d6 rgb(2,192,214)
```
#02d1e9
```
#02d1e9 rgb(2,209,233)
```
#02e3fd
```
#02e3fd rgb(2,227,253)
```

Shade Color Variation

#15e5fd
```
#15e5fd rgb(21,229,253)
```
#29e7fd
```
#29e7fd rgb(41,231,253)
```
#3ce9fd
```
#3ce9fd rgb(60,233,253)
```
#50ecfe
```
#50ecfe rgb(80,236,254)
```
#63eefe
```
#63eefe rgb(99,238,254)
```
#77f0fe
```
#77f0fe rgb(119,240,254)
```
#8af2fe
```
#8af2fe rgb(138,242,254)
```
#9df4fe
```
#9df4fe rgb(157,244,254)
```
#b1f6fe
```
#b1f6fe rgb(177,246,254)
```
#c4f8fe
```
#c4f8fe rgb(196,248,254)
```
#d8fbff
```
#d8fbff rgb(216,251,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 #8af2fe is the most saturated one.

#c0c7c8
```
#c0c7c8 rgb(192,199,200)
```
#bccacc
```
#bccacc rgb(188,202,204)
```
#b7ced1
```
#b7ced1 rgb(183,206,209)
```
#b3d2d5
```
#b3d2d5 rgb(179,210,213)
```
#aed5da
```
#aed5da rgb(174,213,218)
```
#aad9de
```
#aad9de rgb(170,217,222)
```
#a5dce3
```
#a5dce3 rgb(165,220,227)
```
#a1e0e7
```
#a1e0e7 rgb(161,224,231)
```
#9ce4ec
```
#9ce4ec rgb(156,228,236)
```
#98e7f0
```
#98e7f0 rgb(152,231,240)
```
#93ebf5
```
#93ebf5 rgb(147,235,245)
```
#8feef9
```
#8feef9 rgb(143,238,249)
```
#8af2fe
```
#8af2fe rgb(138,242,254)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#c5dadc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2e2f4 Protanopia 1% of men
#e6dfff Deuteranopia 1% of men
#a2efff Tritanopia 0.001% of the population

Trichromacy

#c2e7f7 Protanomaly 1% of men, 0.01% of women
#c5e6fe Deuteranomaly 6% of men, 0.4% of women
#99f0fe Tritanomaly 0.01% of the population

#8af2fe hex color

#8af2fe Color Information

#8af2fe Color Conversion

Color Schemes with #8af2fe

Alternatives to #8af2fe

#8af2fe Preview

Shades and Tints of #8af2fe

Tones of #8af2fe

Color Blindness Simulator