#86e0f8 hex color

In a RGB color space, hex #86e0f8 is composed of 52.5% red, 87.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 9.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 192.6 degrees, a saturation of 89.1% and a lightness of 74.9%. #86e0f8 color hex could be obtained by blending #ffffff with #0dc1f1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 53
- G 88
- B 97
RGB color chart
- C 46
- M 10
- Y 0
- K 3
CMYK color chart

● #86e0f8 color description : Soft cyan.

The hexadecimal color #86e0f8 has RGB values of R:134, G:224, B:248 and CMYK values of C:0.46, M:0.1, Y:0, K:0.03. Its decimal value is 8839416.

Hex triplet	86e0f8	`#86e0f8`
RGB Decimal	134, 224, 248	`rgb(134,224,248)`
RGB Percent	52.5, 87.8, 97.3	`rgb(52.5%,87.8%,97.3%)`
CMYK	46, 10, 0, 3
HSL	192.6°, 89.1, 74.9	`hsl(192.6,89.1%,74.9%)`
HSV (or HSB)	192.6°, 46, 97.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.563, -20.817, -20.086
XYZ	53.426, 65.154, 98.562
xyY	0.246, 0.3, 65.154
CIE-LCH	84.563, 28.928, 223.975
CIE-LUV	84.563, -40.374, -28.864
Hunter-Lab	80.718, -23.11, -15.895
Binary	10000110, 11100000, 11111000

#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#f89e86
```
#f89e86 rgb(248,158,134)
```

Complementary Color

#86f8d7
```
#86f8d7 rgb(134,248,215)
```
#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#86a7f8
```
#86a7f8 rgb(134,167,248)
```

Analogous Color

#f8d786
```
#f8d786 rgb(248,215,134)
```
#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#f886a7
```
#f886a7 rgb(248,134,167)
```

Split Complementary Color

#e0f886
```
#e0f886 rgb(224,248,134)
```
#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#f886e0
```
#f886e0 rgb(248,134,224)
```

Triadic Color

#86f89e
```
#86f89e rgb(134,248,158)
```
#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#f886e0
```
#f886e0 rgb(248,134,224)
```
#f89e86
```
#f89e86 rgb(248,158,134)
```

Tetradic Color

#3ecdf4
```
#3ecdf4 rgb(62,205,244)
```
#56d4f5
```
#56d4f5 rgb(86,212,245)
```
#6edaf7
```
#6edaf7 rgb(110,218,247)
```
#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#9ee6f9
```
#9ee6f9 rgb(158,230,249)
```
#b6ecfb
```
#b6ecfb rgb(182,236,251)
```
#cef3fc
```
#cef3fc rgb(206,243,252)
```

Monochromatic Color

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

#86f8f4
```
#86f8f4 rgb(134,248,244)
```
#86f3f8
```
#86f3f8 rgb(134,243,248)
```
#86eaf8
```
#86eaf8 rgb(134,234,248)
```
#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#86d7f8
```
#86d7f8 rgb(134,215,248)
```
#86cdf8
```
#86cdf8 rgb(134,205,248)
```
#86c4f8
```
#86c4f8 rgb(134,196,248)
```

Similar Colors

Text with hexadecimal color #86e0f8

This text has a font color of #86e0f8.

<span style="color:#86e0f8;">Text here</span>

#86e0f8 background color

This paragraph has a background color of #86e0f8.

<p style="background-color:#86e0f8;">Content here</p>

#86e0f8 border color

This element has a border color of #86e0f8.

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

CSS codes

.text {color:#86e0f8;}

.background {background-color:#86e0f8;}

.border {border:1px solid #86e0f8;}

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

#010709
```
#010709 rgb(1,7,9)
```
#02161b
```
#02161b rgb(2,22,27)
```
#03252e
```
#03252e rgb(3,37,46)
```
#043440
```
#043440 rgb(4,52,64)
```
#054353
```
#054353 rgb(5,67,83)
```
#065166
```
#065166 rgb(6,81,102)
```
#076078
```
#076078 rgb(7,96,120)
```
#086f8b
```
#086f8b rgb(8,111,139)
```
#097e9d
```
#097e9d rgb(9,126,157)
```
#0a8db0
```
#0a8db0 rgb(10,141,176)
```
#0b9cc2
```
#0b9cc2 rgb(11,156,194)
```
#0cabd5
```
#0cabd5 rgb(12,171,213)
```
#0db9e7
```
#0db9e7 rgb(13,185,231)
```

Shade Color Variation

#17c3f2
```
#17c3f2 rgb(23,195,242)
```
#29c8f3
```
#29c8f3 rgb(41,200,243)
```
#3ccdf4
```
#3ccdf4 rgb(60,205,244)
```
#4ed2f5
```
#4ed2f5 rgb(78,210,245)
```
#61d6f6
```
#61d6f6 rgb(97,214,246)
```
#73dbf7
```
#73dbf7 rgb(115,219,247)
```
#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#99e5f9
```
#99e5f9 rgb(153,229,249)
```
#abeafa
```
#abeafa rgb(171,234,250)
```
#beeefb
```
#beeefb rgb(190,238,251)
```
#d0f3fc
```
#d0f3fc rgb(208,243,252)
```
#e3f8fd
```
#e3f8fd rgb(227,248,253)
```
#f5fdfe
```
#f5fdfe rgb(245,253,254)
```

Tint Color Variation

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

#bcc1c2
```
#bcc1c2 rgb(188,193,194)
```
#b7c3c7
```
#b7c3c7 rgb(183,195,199)
```
#b2c6cc
```
#b2c6cc rgb(178,198,204)
```
#adc9d1
```
#adc9d1 rgb(173,201,209)
```
#a8ccd6
```
#a8ccd6 rgb(168,204,214)
```
#a4cfda
```
#a4cfda rgb(164,207,218)
```
#9fd2df
```
#9fd2df rgb(159,210,223)
```
#9ad5e4
```
#9ad5e4 rgb(154,213,228)
```
#95d7e9
```
#95d7e9 rgb(149,215,233)
```
#90daee
```
#90daee rgb(144,218,238)
```
#8bddf3
```
#8bddf3 rgb(139,221,243)
```
#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#81e3fd
```
#81e3fd rgb(129,227,253)
```

Tone Color Variation

Below, you can see how #86e0f8 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

#c8c8c8 Achromatopsia 0.005% of the population
#bbcdd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d3f0 Protanopia 1% of men
#d3d1fe Deuteranopia 1% of men
#8ae2f3 Tritanopia 0.001% of the population

Trichromacy

#b5d8f2 Protanomaly 1% of men, 0.01% of women
#b7d6fc Deuteranomaly 6% of men, 0.4% of women
#88e1f4 Tritanomaly 0.01% of the population

#86e0f8 hex color

#86e0f8 Color Information

#86e0f8 Color Conversion

Color Schemes with #86e0f8

Alternatives to #86e0f8

#86e0f8 Preview

Shades and Tints of #86e0f8

Tones of #86e0f8

Color Blindness Simulator