#86cdf7 hex color

In a RGB color space, hex #86cdf7 is composed of 52.5% red, 80.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 17% magenta, 0% yellow and 3.1% black. It has a hue angle of 202.3 degrees, a saturation of 87.6% and a lightness of 74.7%. #86cdf7 color hex could be obtained by blending #ffffff with #0d9bef. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 53
- G 80
- B 97
RGB color chart
- C 46
- M 17
- Y 0
- K 3
CMYK color chart

● #86cdf7 color description : Soft blue.

The hexadecimal color #86cdf7 has RGB values of R:134, G:205, B:247 and CMYK values of C:0.46, M:0.17, Y:0, K:0.03. Its decimal value is 8834551.

Hex triplet	86cdf7	`#86cdf7`
RGB Decimal	134, 205, 247	`rgb(134,205,247)`
RGB Percent	52.5, 80.4, 96.9	`rgb(52.5%,80.4%,96.9%)`
CMYK	46, 17, 0, 3
HSL	202.3°, 87.6, 74.7	`hsl(202.3,87.6%,74.7%)`
HSV (or HSB)	202.3°, 45.7, 96.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.296, -11.354, -27.568
XYZ	48.447, 55.444, 96.139
xyY	0.242, 0.277, 55.444
CIE-LCH	79.296, 29.814, 247.614
CIE-LUV	79.296, -32.986, -42.581
Hunter-Lab	74.461, -14.166, -24.43
Binary	10000110, 11001101, 11110111

#86cdf7
```
#86cdf7 rgb(134,205,247)
```
#f7b086
```
#f7b086 rgb(247,176,134)
```

Complementary Color

#86f7e9
```
#86f7e9 rgb(134,247,233)
```
#86cdf7
```
#86cdf7 rgb(134,205,247)
```
#8695f7
```
#8695f7 rgb(134,149,247)
```

Analogous Color

#f7e986
```
#f7e986 rgb(247,233,134)
```
#86cdf7
```
#86cdf7 rgb(134,205,247)
```
#f78695
```
#f78695 rgb(247,134,149)
```

Split Complementary Color

#cdf786
```
#cdf786 rgb(205,247,134)
```
#86cdf7
```
#86cdf7 rgb(134,205,247)
```
#f786cd
```
#f786cd rgb(247,134,205)
```

Triadic Color

#86f7b0
```
#86f7b0 rgb(134,247,176)
```
#86cdf7
```
#86cdf7 rgb(134,205,247)
```
#f786cd
```
#f786cd rgb(247,134,205)
```
#f7b086
```
#f7b086 rgb(247,176,134)
```

Tetradic Color

#3eaff2
```
#3eaff2 rgb(62,175,242)
```
#56b9f4
```
#56b9f4 rgb(86,185,244)
```
#6ec3f5
```
#6ec3f5 rgb(110,195,245)
```
#86cdf7
```
#86cdf7 rgb(134,205,247)
```
#9ed7f9
```
#9ed7f9 rgb(158,215,249)
```
#b6e1fa
```
#b6e1fa rgb(182,225,250)
```
#ceebfc
```
#ceebfc rgb(206,235,252)
```

Monochromatic Color

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

#86e9f7
```
#86e9f7 rgb(134,233,247)
```
#86e0f7
```
#86e0f7 rgb(134,224,247)
```
#86d6f7
```
#86d6f7 rgb(134,214,247)
```
#86cdf7
```
#86cdf7 rgb(134,205,247)
```
#86c4f7
```
#86c4f7 rgb(134,196,247)
```
#86baf7
```
#86baf7 rgb(134,186,247)
```
#86b1f7
```
#86b1f7 rgb(134,177,247)
```

Similar Colors

Text with hexadecimal color #86cdf7

This text has a font color of #86cdf7.

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

#86cdf7 background color

This paragraph has a background color of #86cdf7.

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

#86cdf7 border color

This element has a border color of #86cdf7.

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

CSS codes

.text {color:#86cdf7;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#02111a
```
#02111a rgb(2,17,26)
```
#031d2d
```
#031d2d rgb(3,29,45)
```
#04293f
```
#04293f rgb(4,41,63)
```
#053551
```
#053551 rgb(5,53,81)
```
#074164
```
#074164 rgb(7,65,100)
```
#084d76
```
#084d76 rgb(8,77,118)
```
#095989
```
#095989 rgb(9,89,137)
```
#0a659b
```
#0a659b rgb(10,101,155)
```
#0b71ad
```
#0b71ad rgb(11,113,173)
```
#0d7dc0
```
#0d7dc0 rgb(13,125,192)
```
#0e89d2
```
#0e89d2 rgb(14,137,210)
```
#0f95e5
```
#0f95e5 rgb(15,149,229)
```

Shade Color Variation

#189ff0
```
#189ff0 rgb(24,159,240)
```
#2aa7f1
```
#2aa7f1 rgb(42,167,241)
```
#3caff2
```
#3caff2 rgb(60,175,242)
```
#4fb6f3
```
#4fb6f3 rgb(79,182,243)
```
#61bef5
```
#61bef5 rgb(97,190,245)
```
#74c5f6
```
#74c5f6 rgb(116,197,246)
```
#86cdf7
```
#86cdf7 rgb(134,205,247)
```
#98d5f8
```
#98d5f8 rgb(152,213,248)
```
#abdcf9
```
#abdcf9 rgb(171,220,249)
```
#bde4fb
```
#bde4fb rgb(189,228,251)
```
#d0ebfc
```
#d0ebfc rgb(208,235,252)
```
#e2f3fd
```
#e2f3fd rgb(226,243,253)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

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

#bdbfc0
```
#bdbfc0 rgb(189,191,192)
```
#b8c0c5
```
#b8c0c5 rgb(184,192,197)
```
#b3c2ca
```
#b3c2ca rgb(179,194,202)
```
#aec3cf
```
#aec3cf rgb(174,195,207)
```
#a9c4d4
```
#a9c4d4 rgb(169,196,212)
```
#a4c5d9
```
#a4c5d9 rgb(164,197,217)
```
#9fc7de
```
#9fc7de rgb(159,199,222)
```
#9ac8e3
```
#9ac8e3 rgb(154,200,227)
```
#95c9e8
```
#95c9e8 rgb(149,201,232)
```
#90caed
```
#90caed rgb(144,202,237)
```
#8bccf2
```
#8bccf2 rgb(139,204,242)
```
#86cdf7
```
#86cdf7 rgb(134,205,247)
```
#81cefc
```
#81cefc rgb(129,206,252)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b2c0c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc5f1 Protanopia 1% of men
#bcc4fb Deuteranopia 1% of men
#84d3e2 Tritanopia 0.001% of the population

Trichromacy

#a8c8f3 Protanomaly 1% of men, 0.01% of women
#a8c7f9 Deuteranomaly 6% of men, 0.4% of women
#84d1ea Tritanomaly 0.01% of the population

#86cdf7 hex color

#86cdf7 Color Information

#86cdf7 Color Conversion

Color Schemes with #86cdf7

Alternatives to #86cdf7

#86cdf7 Preview

Shades and Tints of #86cdf7

Tones of #86cdf7

Color Blindness Simulator