#86d2f6 hex color

In a RGB color space, hex #86d2f6 is composed of 52.5% red, 82.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 14.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 199.3 degrees, a saturation of 86.2% and a lightness of 74.5%. #86d2f6 color hex could be obtained by blending #ffffff with #0da5ed. Closest websafe color is: #99ccff.

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

● #86d2f6 color description : Soft blue.

The hexadecimal color #86d2f6 has RGB values of R:134, G:210, B:246 and CMYK values of C:0.46, M:0.15, Y:0, K:0.04. Its decimal value is 8835830.

Hex triplet	86d2f6	`#86d2f6`
RGB Decimal	134, 210, 246	`rgb(134,210,246)`
RGB Percent	52.5, 82.4, 96.5	`rgb(52.5%,82.4%,96.5%)`
CMYK	46, 15, 0, 4
HSL	199.3°, 86.2, 74.5	`hsl(199.3,86.2%,74.5%)`
HSV (or HSB)	199.3°, 45.5, 96.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.635, -14.228, -24.99
XYZ	49.509, 57.813, 95.734
xyY	0.244, 0.285, 57.813
CIE-LCH	80.635, 28.756, 240.346
CIE-LUV	80.635, -34.955, -37.89
Hunter-Lab	76.035, -16.834, -21.427
Binary	10000110, 11010010, 11110110

#86d2f6
```
#86d2f6 rgb(134,210,246)
```
#f6aa86
```
#f6aa86 rgb(246,170,134)
```

Complementary Color

#86f6e2
```
#86f6e2 rgb(134,246,226)
```
#86d2f6
```
#86d2f6 rgb(134,210,246)
```
#869af6
```
#869af6 rgb(134,154,246)
```

Analogous Color

#f6e286
```
#f6e286 rgb(246,226,134)
```
#86d2f6
```
#86d2f6 rgb(134,210,246)
```
#f6869a
```
#f6869a rgb(246,134,154)
```

Split Complementary Color

#d2f686
```
#d2f686 rgb(210,246,134)
```
#86d2f6
```
#86d2f6 rgb(134,210,246)
```
#f686d2
```
#f686d2 rgb(246,134,210)
```

Triadic Color

#86f6aa
```
#86f6aa rgb(134,246,170)
```
#86d2f6
```
#86d2f6 rgb(134,210,246)
```
#f686d2
```
#f686d2 rgb(246,134,210)
```
#f6aa86
```
#f6aa86 rgb(246,170,134)
```

Tetradic Color

#3fb8f1
```
#3fb8f1 rgb(63,184,241)
```
#57c0f2
```
#57c0f2 rgb(87,192,242)
```
#6ec9f4
```
#6ec9f4 rgb(110,201,244)
```
#86d2f6
```
#86d2f6 rgb(134,210,246)
```
#9edbf8
```
#9edbf8 rgb(158,219,248)
```
#b5e4fa
```
#b5e4fa rgb(181,228,250)
```
#cdecfb
```
#cdecfb rgb(205,236,251)
```

Monochromatic Color

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

#86eef6
```
#86eef6 rgb(134,238,246)
```
#86e5f6
```
#86e5f6 rgb(134,229,246)
```
#86dbf6
```
#86dbf6 rgb(134,219,246)
```
#86d2f6
```
#86d2f6 rgb(134,210,246)
```
#86c9f6
```
#86c9f6 rgb(134,201,246)
```
#86bff6
```
#86bff6 rgb(134,191,246)
```
#86b6f6
```
#86b6f6 rgb(134,182,246)
```

Similar Colors

Text with hexadecimal color #86d2f6

This text has a font color of #86d2f6.

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

#86d2f6 background color

This paragraph has a background color of #86d2f6.

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

#86d2f6 border color

This element has a border color of #86d2f6.

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

CSS codes

.text {color:#86d2f6;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#021219
```
#021219 rgb(2,18,25)
```
#031e2b
```
#031e2b rgb(3,30,43)
```
#052b3e
```
#052b3e rgb(5,43,62)
```
#063850
```
#063850 rgb(6,56,80)
```
#074562
```
#074562 rgb(7,69,98)
```
#095274
```
#095274 rgb(9,82,116)
```
#0a5f87
```
#0a5f87 rgb(10,95,135)
```
#0b6b99
```
#0b6b99 rgb(11,107,153)
```
#0d78ab
```
#0d78ab rgb(13,120,171)
```
#0e85bd
```
#0e85bd rgb(14,133,189)
```
#0f92d0
```
#0f92d0 rgb(15,146,208)
```
#119fe2
```
#119fe2 rgb(17,159,226)
```

Shade Color Variation

#18a9ee
```
#18a9ee rgb(24,169,238)
```
#2bb0ef
```
#2bb0ef rgb(43,176,239)
```
#3db7f1
```
#3db7f1 rgb(61,183,241)
```
#4fbef2
```
#4fbef2 rgb(79,190,242)
```
#61c4f3
```
#61c4f3 rgb(97,196,243)
```
#74cbf5
```
#74cbf5 rgb(116,203,245)
```
#86d2f6
```
#86d2f6 rgb(134,210,246)
```
#98d9f7
```
#98d9f7 rgb(152,217,247)
```
#abe0f9
```
#abe0f9 rgb(171,224,249)
```
#bde6fa
```
#bde6fa rgb(189,230,250)
```
#cfedfb
```
#cfedfb rgb(207,237,251)
```
#e1f4fd
```
#e1f4fd rgb(225,244,253)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

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

#bdbebf
```
#bdbebf rgb(189,190,191)
```
#b8c0c4
```
#b8c0c4 rgb(184,192,196)
```
#b3c2c9
```
#b3c2c9 rgb(179,194,201)
```
#aec4ce
```
#aec4ce rgb(174,196,206)
```
#a9c6d3
```
#a9c6d3 rgb(169,198,211)
```
#a4c7d8
```
#a4c7d8 rgb(164,199,216)
```
#9fc9dd
```
#9fc9dd rgb(159,201,221)
```
#9acbe2
```
#9acbe2 rgb(154,203,226)
```
#95cde7
```
#95cde7 rgb(149,205,231)
```
#90ceec
```
#90ceec rgb(144,206,236)
```
#8bd0f1
```
#8bd0f1 rgb(139,208,241)
```
#86d2f6
```
#86d2f6 rgb(134,210,246)
```
#81d4fb
```
#81d4fb rgb(129,212,251)
```

Tone Color Variation

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

#c2c9ef Protanopia 1% of men
#c3c7fb Deuteranopia 1% of men
#86d7e6 Tritanopia 0.001% of the population

Trichromacy

#acccf1 Protanomaly 1% of men, 0.01% of women
#accbf9 Deuteranomaly 6% of men, 0.4% of women
#86d5ec Tritanomaly 0.01% of the population

#86d2f6 hex color

#86d2f6 Color Information

#86d2f6 Color Conversion

Color Schemes with #86d2f6

Alternatives to #86d2f6

#86d2f6 Preview

Shades and Tints of #86d2f6

Tones of #86d2f6

Color Blindness Simulator