#86faf6 hex color

In a RGB color space, hex #86faf6 is composed of 52.5% red, 98% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 0% magenta, 1.6% yellow and 2% black. It has a hue angle of 177.9 degrees, a saturation of 92.1% and a lightness of 75.3%. #86faf6 color hex could be obtained by blending #ffffff with #0df5ed. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 53
- G 98
- B 96
RGB color chart
- C 46
- M 0
- Y 2
- K 2
CMYK color chart

● #86faf6 color description : Soft cyan.

The hexadecimal color #86faf6 has RGB values of R:134, G:250, B:246 and CMYK values of C:0.46, M:0, Y:0.02, K:0.02. Its decimal value is 8846070.

Hex triplet	86faf6	`#86faf6`
RGB Decimal	134, 250, 246	`rgb(134,250,246)`
RGB Percent	52.5, 98, 96.5	`rgb(52.5%,98%,96.5%)`
CMYK	46, 0, 2, 2
HSL	177.9°, 92.1, 75.3	`hsl(177.9,92.1%,75.3%)`
HSV (or HSB)	177.9°, 46.4, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.725, -33.878, -8.314
XYZ	60.647, 80.089, 99.447
xyY	0.253, 0.333, 80.089
CIE-LCH	91.725, 34.883, 193.789
CIE-LUV	91.725, -50.52, -7.607
Hunter-Lab	89.493, -35.647, -3.24
Binary	10000110, 11111010, 11110110

#86faf6
```
#86faf6 rgb(134,250,246)
```
#fa868a
```
#fa868a rgb(250,134,138)
```

Complementary Color

#86fabc
```
#86fabc rgb(134,250,188)
```
#86faf6
```
#86faf6 rgb(134,250,246)
```
#86c4fa
```
#86c4fa rgb(134,196,250)
```

Analogous Color

#fabc86
```
#fabc86 rgb(250,188,134)
```
#86faf6
```
#86faf6 rgb(134,250,246)
```
#fa86c4
```
#fa86c4 rgb(250,134,196)
```

Split Complementary Color

#faf686
```
#faf686 rgb(250,246,134)
```
#86faf6
```
#86faf6 rgb(134,250,246)
```
#f686fa
```
#f686fa rgb(246,134,250)
```

Triadic Color

#8afa86
```
#8afa86 rgb(138,250,134)
```
#86faf6
```
#86faf6 rgb(134,250,246)
```
#f686fa
```
#f686fa rgb(246,134,250)
```
#fa868a
```
#fa868a rgb(250,134,138)
```

Tetradic Color

#3df7f1
```
#3df7f1 rgb(61,247,241)
```
#55f8f2
```
#55f8f2 rgb(85,248,242)
```
#6ef9f4
```
#6ef9f4 rgb(110,249,244)
```
#86faf6
```
#86faf6 rgb(134,250,246)
```
#9efbf8
```
#9efbf8 rgb(158,251,248)
```
#b7fcfa
```
#b7fcfa rgb(183,252,250)
```
#cffdfb
```
#cffdfb rgb(207,253,251)
```

Monochromatic Color

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

#86fad9
```
#86fad9 rgb(134,250,217)
```
#86fae3
```
#86fae3 rgb(134,250,227)
```
#86faec
```
#86faec rgb(134,250,236)
```
#86faf6
```
#86faf6 rgb(134,250,246)
```
#86f4fa
```
#86f4fa rgb(134,244,250)
```
#86ebfa
```
#86ebfa rgb(134,235,250)
```
#86e1fa
```
#86e1fa rgb(134,225,250)
```

Similar Colors

Text with hexadecimal color #86faf6

This text has a font color of #86faf6.

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

#86faf6 background color

This paragraph has a background color of #86faf6.

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

#86faf6 border color

This element has a border color of #86faf6.

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

CSS codes

.text {color:#86faf6;}

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

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

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, #000b0b is the darkest color, while #f7fffe is the lightest one.

#000b0b
```
#000b0b rgb(0,11,11)
```
#011e1d
```
#011e1d rgb(1,30,29)
```
#02312f
```
#02312f rgb(2,49,47)
```
#034341
```
#034341 rgb(3,67,65)
```
#045653
```
#045653 rgb(4,86,83)
```
#046966
```
#046966 rgb(4,105,102)
```
#057c78
```
#057c78 rgb(5,124,120)
```
#068f8a
```
#068f8a rgb(6,143,138)
```
#07a29c
```
#07a29c rgb(7,162,156)
```
#07b4ae
```
#07b4ae rgb(7,180,174)
```
#08c7c1
```
#08c7c1 rgb(8,199,193)
```
#09dad3
```
#09dad3 rgb(9,218,211)
```
#0aede5
```
#0aede5 rgb(10,237,229)
```

Shade Color Variation

#15f5ee
```
#15f5ee rgb(21,245,238)
```
#28f6ef
```
#28f6ef rgb(40,246,239)
```
#3bf7f0
```
#3bf7f0 rgb(59,247,240)
```
#4df8f2
```
#4df8f2 rgb(77,248,242)
```
#60f8f3
```
#60f8f3 rgb(96,248,243)
```
#73f9f5
```
#73f9f5 rgb(115,249,245)
```
#86faf6
```
#86faf6 rgb(134,250,246)
```
#99fbf7
```
#99fbf7 rgb(153,251,247)
```
#acfcf9
```
#acfcf9 rgb(172,252,249)
```
#bffcfa
```
#bffcfa rgb(191,252,250)
```
#d1fdfc
```
#d1fdfc rgb(209,253,252)
```
#e4fefd
```
#e4fefd rgb(228,254,253)
```
#f7fffe
```
#f7fffe rgb(247,255,254)
```

Tint Color Variation

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

#bbc5c4
```
#bbc5c4 rgb(187,197,196)
```
#b6cac9
```
#b6cac9 rgb(182,202,201)
```
#b2cecd
```
#b2cecd rgb(178,206,205)
```
#add3d2
```
#add3d2 rgb(173,211,210)
```
#a8d8d6
```
#a8d8d6 rgb(168,216,214)
```
#a3dddb
```
#a3dddb rgb(163,221,219)
```
#9ee2df
```
#9ee2df rgb(158,226,223)
```
#99e7e4
```
#99e7e4 rgb(153,231,228)
```
#95ebe8
```
#95ebe8 rgb(149,235,232)
```
#90f0ed
```
#90f0ed rgb(144,240,237)
```
#8bf5f1
```
#8bf5f1 rgb(139,245,241)
```
#86faf6
```
#86faf6 rgb(134,250,246)
```
#81fffb
```
#81fffb rgb(129,255,251)
```

Tone Color Variation

Below, you can see how #86faf6 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
#c7dedd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe7ec Protanopia 1% of men
#f3e2fe Deuteranopia 1% of men
#b6f2ff Tritanopia 0.001% of the population

Trichromacy

#c6eeef Protanomaly 1% of men, 0.01% of women
#cbebfb Deuteranomaly 6% of men, 0.4% of women
#a4f5fb Tritanomaly 0.01% of the population

#86faf6 hex color

#86faf6 Color Information

#86faf6 Color Conversion

Color Schemes with #86faf6

Alternatives to #86faf6

#86faf6 Preview

Shades and Tints of #86faf6

Tones of #86faf6

Color Blindness Simulator