#86faf4 hex color

In a RGB color space, hex #86faf4 is composed of 52.5% red, 98% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 0% magenta, 2.4% yellow and 2% black. It has a hue angle of 176.9 degrees, a saturation of 92.1% and a lightness of 75.3%. #86faf4 color hex could be obtained by blending #ffffff with #0df5e9. 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

● #86faf4 color description : Soft cyan.

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

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

CIE-LAB	91.67, -34.365, -7.357
XYZ	60.342, 79.967, 97.838
xyY	0.253, 0.336, 79.967
CIE-LCH	91.67, 35.144, 192.084
CIE-LUV	91.67, -50.597, -5.978
Hunter-Lab	89.424, -36.045, -2.272
Binary	10000110, 11111010, 11110100

#86faf4
```
#86faf4 rgb(134,250,244)
```
#fa868c
```
#fa868c rgb(250,134,140)
```

Complementary Color

#86faba
```
#86faba rgb(134,250,186)
```
#86faf4
```
#86faf4 rgb(134,250,244)
```
#86c6fa
```
#86c6fa rgb(134,198,250)
```

Analogous Color

#faba86
```
#faba86 rgb(250,186,134)
```
#86faf4
```
#86faf4 rgb(134,250,244)
```
#fa86c6
```
#fa86c6 rgb(250,134,198)
```

Split Complementary Color

#faf486
```
#faf486 rgb(250,244,134)
```
#86faf4
```
#86faf4 rgb(134,250,244)
```
#f486fa
```
#f486fa rgb(244,134,250)
```

Triadic Color

#8cfa86
```
#8cfa86 rgb(140,250,134)
```
#86faf4
```
#86faf4 rgb(134,250,244)
```
#f486fa
```
#f486fa rgb(244,134,250)
```
#fa868c
```
#fa868c rgb(250,134,140)
```

Tetradic Color

#3df7ed
```
#3df7ed rgb(61,247,237)
```
#55f8f0
```
#55f8f0 rgb(85,248,240)
```
#6ef9f2
```
#6ef9f2 rgb(110,249,242)
```
#86faf4
```
#86faf4 rgb(134,250,244)
```
#9efbf6
```
#9efbf6 rgb(158,251,246)
```
#b7fcf8
```
#b7fcf8 rgb(183,252,248)
```
#cffdfb
```
#cffdfb rgb(207,253,251)
```

Monochromatic Color

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

#86fad7
```
#86fad7 rgb(134,250,215)
```
#86fae1
```
#86fae1 rgb(134,250,225)
```
#86faea
```
#86faea rgb(134,250,234)
```
#86faf4
```
#86faf4 rgb(134,250,244)
```
#86f6fa
```
#86f6fa rgb(134,246,250)
```
#86edfa
```
#86edfa rgb(134,237,250)
```
#86e3fa
```
#86e3fa rgb(134,227,250)
```

Similar Colors

Text with hexadecimal color #86faf4

This text has a font color of #86faf4.

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

#86faf4 background color

This paragraph has a background color of #86faf4.

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

#86faf4 border color

This element has a border color of #86faf4.

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

CSS codes

.text {color:#86faf4;}

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

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

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

#000b0a
```
#000b0a rgb(0,11,10)
```
#011e1c
```
#011e1c rgb(1,30,28)
```
#02312e
```
#02312e rgb(2,49,46)
```
#034340
```
#034340 rgb(3,67,64)
```
#045652
```
#045652 rgb(4,86,82)
```
#046964
```
#046964 rgb(4,105,100)
```
#057c76
```
#057c76 rgb(5,124,118)
```
#068f88
```
#068f88 rgb(6,143,136)
```
#07a29a
```
#07a29a rgb(7,162,154)
```
#07b4ab
```
#07b4ab rgb(7,180,171)
```
#08c7bd
```
#08c7bd rgb(8,199,189)
```
#09dacf
```
#09dacf rgb(9,218,207)
```
#0aede1
```
#0aede1 rgb(10,237,225)
```

Shade Color Variation

#15f5ea
```
#15f5ea rgb(21,245,234)
```
#28f6eb
```
#28f6eb rgb(40,246,235)
```
#3bf7ed
```
#3bf7ed rgb(59,247,237)
```
#4df8ef
```
#4df8ef rgb(77,248,239)
```
#60f8f1
```
#60f8f1 rgb(96,248,241)
```
#73f9f2
```
#73f9f2 rgb(115,249,242)
```
#86faf4
```
#86faf4 rgb(134,250,244)
```
#99fbf6
```
#99fbf6 rgb(153,251,246)
```
#acfcf7
```
#acfcf7 rgb(172,252,247)
```
#bffcf9
```
#bffcf9 rgb(191,252,249)
```
#d1fdfb
```
#d1fdfb rgb(209,253,251)
```
#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 #81fff8 is the most saturated one.

#bbc5c4
```
#bbc5c4 rgb(187,197,196)
```
#b6cac9
```
#b6cac9 rgb(182,202,201)
```
#b2cecd
```
#b2cecd rgb(178,206,205)
```
#add3d1
```
#add3d1 rgb(173,211,209)
```
#a8d8d6
```
#a8d8d6 rgb(168,216,214)
```
#a3ddda
```
#a3ddda rgb(163,221,218)
```
#9ee2de
```
#9ee2de rgb(158,226,222)
```
#99e7e3
```
#99e7e3 rgb(153,231,227)
```
#95ebe7
```
#95ebe7 rgb(149,235,231)
```
#90f0eb
```
#90f0eb rgb(144,240,235)
```
#8bf5f0
```
#8bf5f0 rgb(139,245,240)
```
#86faf4
```
#86faf4 rgb(134,250,244)
```
#81fff8
```
#81fff8 rgb(129,255,248)
```

Tone Color Variation

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

#ebe7ea Protanopia 1% of men
#f3e2fd Deuteranopia 1% of men
#b5f2ff Tritanopia 0.001% of the population

Trichromacy

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

#86faf4 hex color

#86faf4 Color Information

#86faf4 Color Conversion

Color Schemes with #86faf4

Alternatives to #86faf4

#86faf4 Preview

Shades and Tints of #86faf4

Tones of #86faf4

Color Blindness Simulator