#86c7fe hex color

In a RGB color space, hex #86c7fe is composed of 52.5% red, 78% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 21.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 207.5 degrees, a saturation of 98.4% and a lightness of 76.1%. #86c7fe color hex could be obtained by blending #ffffff with #0d8ffd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 53
- G 78
- B 100
RGB color chart
- C 47
- M 22
- Y 0
- K 0
CMYK color chart

● #86c7fe color description : Soft blue.

The hexadecimal color #86c7fe has RGB values of R:134, G:199, B:254 and CMYK values of C:0.47, M:0.22, Y:0, K:0. Its decimal value is 8833022.

Hex triplet	86c7fe	`#86c7fe`
RGB Decimal	134, 199, 254	`rgb(134,199,254)`
RGB Percent	52.5, 78, 99.6	`rgb(52.5%,78%,99.6%)`
CMYK	47, 22, 0, 0
HSL	207.5°, 98.4, 76.1	`hsl(207.5,98.4%,76.1%)`
HSV (or HSB)	207.5°, 47.2, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.915, -6.248, -33.429
XYZ	48.14, 53.068, 101.467
xyY	0.238, 0.262, 53.068
CIE-LCH	77.915, 34.008, 259.413
CIE-LUV	77.915, -30.576, -53.177
Hunter-Lab	72.848, -9.526, -31.589
Binary	10000110, 11000111, 11111110

#86c7fe
```
#86c7fe rgb(134,199,254)
```
#febd86
```
#febd86 rgb(254,189,134)
```

Complementary Color

#86fef9
```
#86fef9 rgb(134,254,249)
```
#86c7fe
```
#86c7fe rgb(134,199,254)
```
#868bfe
```
#868bfe rgb(134,139,254)
```

Analogous Color

#fef986
```
#fef986 rgb(254,249,134)
```
#86c7fe
```
#86c7fe rgb(134,199,254)
```
#fe868b
```
#fe868b rgb(254,134,139)
```

Split Complementary Color

#c7fe86
```
#c7fe86 rgb(199,254,134)
```
#86c7fe
```
#86c7fe rgb(134,199,254)
```
#fe86c7
```
#fe86c7 rgb(254,134,199)
```

Triadic Color

#86febd
```
#86febd rgb(134,254,189)
```
#86c7fe
```
#86c7fe rgb(134,199,254)
```
#fe86c7
```
#fe86c7 rgb(254,134,199)
```
#febd86
```
#febd86 rgb(254,189,134)
```

Tetradic Color

#3aa4fd
```
#3aa4fd rgb(58,164,253)
```
#53b0fe
```
#53b0fe rgb(83,176,254)
```
#6dbbfe
```
#6dbbfe rgb(109,187,254)
```
#86c7fe
```
#86c7fe rgb(134,199,254)
```
#9fd3fe
```
#9fd3fe rgb(159,211,254)
```
#b9defe
```
#b9defe rgb(185,222,254)
```
#d2eaff
```
#d2eaff rgb(210,234,255)
```

Monochromatic Color

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

#86e5fe
```
#86e5fe rgb(134,229,254)
```
#86dbfe
```
#86dbfe rgb(134,219,254)
```
#86d1fe
```
#86d1fe rgb(134,209,254)
```
#86c7fe
```
#86c7fe rgb(134,199,254)
```
#86bdfe
```
#86bdfe rgb(134,189,254)
```
#86b3fe
```
#86b3fe rgb(134,179,254)
```
#86a9fe
```
#86a9fe rgb(134,169,254)
```

Similar Colors

Text with hexadecimal color #86c7fe

This text has a font color of #86c7fe.

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

#86c7fe background color

This paragraph has a background color of #86c7fe.

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

#86c7fe border color

This element has a border color of #86c7fe.

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

CSS codes

.text {color:#86c7fe;}

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

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

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, #00080f is the darkest color, while #fbfdff is the lightest one.

#00080f
```
#00080f rgb(0,8,15)
```
#001323
```
#001323 rgb(0,19,35)
```
#001e36
```
#001e36 rgb(0,30,54)
```
#01284a
```
#01284a rgb(1,40,74)
```
#01335d
```
#01335d rgb(1,51,93)
```
#013d70
```
#013d70 rgb(1,61,112)
```
#014884
```
#014884 rgb(1,72,132)
```
#015397
```
#015397 rgb(1,83,151)
```
#015dab
```
#015dab rgb(1,93,171)
```
#0268be
```
#0268be rgb(2,104,190)
```
#0272d2
```
#0272d2 rgb(2,114,210)
```
#027de5
```
#027de5 rgb(2,125,229)
```
#0288f9
```
#0288f9 rgb(2,136,249)
```

Shade Color Variation

#1191fd
```
#1191fd rgb(17,145,253)
```
#259afd
```
#259afd rgb(37,154,253)
```
#38a3fd
```
#38a3fd rgb(56,163,253)
```
#4cacfe
```
#4cacfe rgb(76,172,254)
```
#5fb5fe
```
#5fb5fe rgb(95,181,254)
```
#73befe
```
#73befe rgb(115,190,254)
```
#86c7fe
```
#86c7fe rgb(134,199,254)
```
#99d0fe
```
#99d0fe rgb(153,208,254)
```
#add9fe
```
#add9fe rgb(173,217,254)
```
#c0e2fe
```
#c0e2fe rgb(192,226,254)
```
#d4ebff
```
#d4ebff rgb(212,235,255)
```
#e7f4ff
```
#e7f4ff rgb(231,244,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#bec2c6
```
#bec2c6 rgb(190,194,198)
```
#bac3ca
```
#bac3ca rgb(186,195,202)
```
#b5c3cf
```
#b5c3cf rgb(181,195,207)
```
#b0c3d4
```
#b0c3d4 rgb(176,195,212)
```
#acc4d8
```
#acc4d8 rgb(172,196,216)
```
#a7c4dd
```
#a7c4dd rgb(167,196,221)
```
#a2c5e2
```
#a2c5e2 rgb(162,197,226)
```
#9dc5e7
```
#9dc5e7 rgb(157,197,231)
```
#99c5eb
```
#99c5eb rgb(153,197,235)
```
#94c6f0
```
#94c6f0 rgb(148,198,240)
```
#8fc6f5
```
#8fc6f5 rgb(143,198,245)
```
#8bc7f9
```
#8bc7f9 rgb(139,199,249)
```
#86c7fe
```
#86c7fe rgb(134,199,254)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b0bdc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c1f8 Protanopia 1% of men
#b2c1ff Deuteranopia 1% of men
#80cfde Tritanopia 0.001% of the population

Trichromacy

#a3c3fa Protanomaly 1% of men, 0.01% of women
#a2c3fe Deuteranomaly 6% of men, 0.4% of women
#82ccea Tritanomaly 0.01% of the population

#86c7fe hex color

#86c7fe Color Information

#86c7fe Color Conversion

Color Schemes with #86c7fe

Alternatives to #86c7fe

#86c7fe Preview

Shades and Tints of #86c7fe

Tones of #86c7fe

Color Blindness Simulator