#86d2f5 hex color

In a RGB color space, hex #86d2f5 is composed of 52.5% red, 82.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 14.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 198.9 degrees, a saturation of 84.7% and a lightness of 74.3%. #86d2f5 color hex could be obtained by blending #ffffff with #0da5eb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 53
- G 82
- B 96
RGB color chart
- C 45
- M 14
- Y 0
- K 4
CMYK color chart

● #86d2f5 color description : Soft blue.

The hexadecimal color #86d2f5 has RGB values of R:134, G:210, B:245 and CMYK values of C:0.45, M:0.14, Y:0, K:0.04. Its decimal value is 8835829.

Hex triplet	86d2f5	`#86d2f5`
RGB Decimal	134, 210, 245	`rgb(134,210,245)`
RGB Percent	52.5, 82.4, 96.1	`rgb(52.5%,82.4%,96.1%)`
CMYK	45, 14, 0, 4
HSL	198.9°, 84.7, 74.3	`hsl(198.9,84.7%,74.3%)`
HSV (or HSB)	198.9°, 45.3, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.6, -14.495, -24.509
XYZ	49.355, 57.751, 94.928
xyY	0.244, 0.286, 57.751
CIE-LCH	80.6, 28.475, 239.399
CIE-LUV	80.6, -34.973, -37.038
Hunter-Lab	75.994, -17.061, -20.865
Binary	10000110, 11010010, 11110101

#86d2f5
```
#86d2f5 rgb(134,210,245)
```
#f5a986
```
#f5a986 rgb(245,169,134)
```

Complementary Color

#86f5e1
```
#86f5e1 rgb(134,245,225)
```
#86d2f5
```
#86d2f5 rgb(134,210,245)
```
#869bf5
```
#869bf5 rgb(134,155,245)
```

Analogous Color

#f5e186
```
#f5e186 rgb(245,225,134)
```
#86d2f5
```
#86d2f5 rgb(134,210,245)
```
#f5869b
```
#f5869b rgb(245,134,155)
```

Split Complementary Color

#d2f586
```
#d2f586 rgb(210,245,134)
```
#86d2f5
```
#86d2f5 rgb(134,210,245)
```
#f586d2
```
#f586d2 rgb(245,134,210)
```

Triadic Color

#86f5a9
```
#86f5a9 rgb(134,245,169)
```
#86d2f5
```
#86d2f5 rgb(134,210,245)
```
#f586d2
```
#f586d2 rgb(245,134,210)
```
#f5a986
```
#f5a986 rgb(245,169,134)
```

Tetradic Color

#3fb8ef
```
#3fb8ef rgb(63,184,239)
```
#57c0f1
```
#57c0f1 rgb(87,192,241)
```
#6ec9f3
```
#6ec9f3 rgb(110,201,243)
```
#86d2f5
```
#86d2f5 rgb(134,210,245)
```
#9edbf7
```
#9edbf7 rgb(158,219,247)
```
#b5e4f9
```
#b5e4f9 rgb(181,228,249)
```
#cdecfb
```
#cdecfb rgb(205,236,251)
```

Monochromatic Color

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

#86eef5
```
#86eef5 rgb(134,238,245)
```
#86e5f5
```
#86e5f5 rgb(134,229,245)
```
#86dbf5
```
#86dbf5 rgb(134,219,245)
```
#86d2f5
```
#86d2f5 rgb(134,210,245)
```
#86c9f5
```
#86c9f5 rgb(134,201,245)
```
#86c0f5
```
#86c0f5 rgb(134,192,245)
```
#86b6f5
```
#86b6f5 rgb(134,182,245)
```

Similar Colors

Text with hexadecimal color #86d2f5

This text has a font color of #86d2f5.

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

#86d2f5 background color

This paragraph has a background color of #86d2f5.

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

#86d2f5 border color

This element has a border color of #86d2f5.

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

CSS codes

.text {color:#86d2f5;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#021118
```
#021118 rgb(2,17,24)
```
#031e2a
```
#031e2a rgb(3,30,42)
```
#052b3c
```
#052b3c rgb(5,43,60)
```
#06384e
```
#06384e rgb(6,56,78)
```
#084560
```
#084560 rgb(8,69,96)
```
#095173
```
#095173 rgb(9,81,115)
```
#0b5e85
```
#0b5e85 rgb(11,94,133)
```
#0c6b97
```
#0c6b97 rgb(12,107,151)
```
#0e78a9
```
#0e78a9 rgb(14,120,169)
```
#0f85bb
```
#0f85bb rgb(15,133,187)
```
#1192cd
```
#1192cd rgb(17,146,205)
```
#129fdf
```
#129fdf rgb(18,159,223)
```

Shade Color Variation

#19aaec
```
#19aaec rgb(25,170,236)
```
#2bb0ee
```
#2bb0ee rgb(43,176,238)
```
#3eb7ef
```
#3eb7ef rgb(62,183,239)
```
#50bef1
```
#50bef1 rgb(80,190,241)
```
#62c5f2
```
#62c5f2 rgb(98,197,242)
```
#74cbf4
```
#74cbf4 rgb(116,203,244)
```
#86d2f5
```
#86d2f5 rgb(134,210,245)
```
#98d9f6
```
#98d9f6 rgb(152,217,246)
```
#aadff8
```
#aadff8 rgb(170,223,248)
```
#bce6f9
```
#bce6f9 rgb(188,230,249)
```
#ceedfb
```
#ceedfb rgb(206,237,251)
```
#e1f4fc
```
#e1f4fc rgb(225,244,252)
```
#f3fafe
```
#f3fafe rgb(243,250,254)
```

Tint Color Variation

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

#bdbebe
```
#bdbebe rgb(189,190,190)
```
#b8bfc3
```
#b8bfc3 rgb(184,191,195)
```
#b3c1c8
```
#b3c1c8 rgb(179,193,200)
```
#aec3cd
```
#aec3cd rgb(174,195,205)
```
#a9c5d2
```
#a9c5d2 rgb(169,197,210)
```
#a4c7d7
```
#a4c7d7 rgb(164,199,215)
```
#9fc9dc
```
#9fc9dc rgb(159,201,220)
```
#9acbe1
```
#9acbe1 rgb(154,203,225)
```
#95cce6
```
#95cce6 rgb(149,204,230)
```
#90ceeb
```
#90ceeb rgb(144,206,235)
```
#8bd0f0
```
#8bd0f0 rgb(139,208,240)
```
#86d2f5
```
#86d2f5 rgb(134,210,245)
```
#81d4fa
```
#81d4fa rgb(129,212,250)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b4c3ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c9ee Protanopia 1% of men
#c3c7fa Deuteranopia 1% of men
#86d6e6 Tritanopia 0.001% of the population

Trichromacy

#acccf0 Protanomaly 1% of men, 0.01% of women
#adcbf8 Deuteranomaly 6% of men, 0.4% of women
#86d5eb Tritanomaly 0.01% of the population

#86d2f5 hex color

#86d2f5 Color Information

#86d2f5 Color Conversion

Color Schemes with #86d2f5

Alternatives to #86d2f5

#86d2f5 Preview

Shades and Tints of #86d2f5

Tones of #86d2f5

Color Blindness Simulator