#86b9e6 hex color

In a RGB color space, hex #86b9e6 is composed of 52.5% red, 72.5% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 19.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 208.1 degrees, a saturation of 65.8% and a lightness of 71.4%. #86b9e6 color hex could be obtained by blending #ffffff with #0d73cd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 53
- G 73
- B 90
RGB color chart
- C 42
- M 20
- Y 0
- K 10
CMYK color chart

● #86b9e6 color description : Very soft blue.

The hexadecimal color #86b9e6 has RGB values of R:134, G:185, B:230 and CMYK values of C:0.42, M:0.2, Y:0, K:0.1. Its decimal value is 8829414.

Hex triplet	86b9e6	`#86b9e6`
RGB Decimal	134, 185, 230	`rgb(134,185,230)`
RGB Percent	52.5, 72.5, 90.2	`rgb(52.5%,72.5%,90.2%)`
CMYK	42, 20, 0, 10
HSL	208.1°, 65.8, 71.4	`hsl(208.1,65.8%,71.4%)`
HSV (or HSB)	208.1°, 41.7, 90.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.205, -5.306, -27.754
XYZ	41.46, 45.478, 81.452
xyY	0.246, 0.27, 45.478
CIE-LCH	73.205, 28.256, 259.176
CIE-LUV	73.205, -25.232, -43.3
Hunter-Lab	67.437, -8.274, -24.406
Binary	10000110, 10111001, 11100110

#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#e6b386
```
#e6b386 rgb(230,179,134)
```

Complementary Color

#86e6e3
```
#86e6e3 rgb(134,230,227)
```
#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#8689e6
```
#8689e6 rgb(134,137,230)
```

Analogous Color

#e6e386
```
#e6e386 rgb(230,227,134)
```
#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#e68689
```
#e68689 rgb(230,134,137)
```

Split Complementary Color

#b9e686
```
#b9e686 rgb(185,230,134)
```
#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#e686b9
```
#e686b9 rgb(230,134,185)
```

Triadic Color

#86e6b3
```
#86e6b3 rgb(134,230,179)
```
#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#e686b9
```
#e686b9 rgb(230,134,185)
```
#e6b386
```
#e6b386 rgb(230,179,134)
```

Tetradic Color

#4794d9
```
#4794d9 rgb(71,148,217)
```
#5ca1dd
```
#5ca1dd rgb(92,161,221)
```
#71ade2
```
#71ade2 rgb(113,173,226)
```
#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#9bc5ea
```
#9bc5ea rgb(155,197,234)
```
#b0d1ef
```
#b0d1ef rgb(176,209,239)
```
#c5def3
```
#c5def3 rgb(197,222,243)
```

Monochromatic Color

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

#86d1e6
```
#86d1e6 rgb(134,209,230)
```
#86c9e6
```
#86c9e6 rgb(134,201,230)
```
#86c1e6
```
#86c1e6 rgb(134,193,230)
```
#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#86b1e6
```
#86b1e6 rgb(134,177,230)
```
#86a9e6
```
#86a9e6 rgb(134,169,230)
```
#86a1e6
```
#86a1e6 rgb(134,161,230)
```

Similar Colors

Text with hexadecimal color #86b9e6

This text has a font color of #86b9e6.

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

#86b9e6 background color

This paragraph has a background color of #86b9e6.

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

#86b9e6 border color

This element has a border color of #86b9e6.

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

CSS codes

.text {color:#86b9e6;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#051019
```
#051019 rgb(5,16,25)
```
#091a2a
```
#091a2a rgb(9,26,42)
```
#0c243a
```
#0c243a rgb(12,36,58)
```
#0f2f4a
```
#0f2f4a rgb(15,47,74)
```
#13395a
```
#13395a rgb(19,57,90)
```
#16436b
```
#16436b rgb(22,67,107)
```
#194d7b
```
#194d7b rgb(25,77,123)
```
#1d578b
```
#1d578b rgb(29,87,139)
```
#20629b
```
#20629b rgb(32,98,155)
```
#236cac
```
#236cac rgb(35,108,172)
```
#2776bc
```
#2776bc rgb(39,118,188)
```
#2a80cc
```
#2a80cc rgb(42,128,204)
```

Shade Color Variation

#358ad5
```
#358ad5 rgb(53,138,213)
```
#4593d9
```
#4593d9 rgb(69,147,217)
```
#559ddc
```
#559ddc rgb(85,157,220)
```
#65a6df
```
#65a6df rgb(101,166,223)
```
#76b0e3
```
#76b0e3 rgb(118,176,227)
```
#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#96c2e9
```
#96c2e9 rgb(150,194,233)
```
#a7cced
```
#a7cced rgb(167,204,237)
```
#b7d5f0
```
#b7d5f0 rgb(183,213,240)
```
#c7dff3
```
#c7dff3 rgb(199,223,243)
```
#d7e8f7
```
#d7e8f7 rgb(215,232,247)
```
#e8f1fa
```
#e8f1fa rgb(232,241,250)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#b3b6b9
```
#b3b6b9 rgb(179,182,185)
```
#adb7bf
```
#adb7bf rgb(173,183,191)
```
#a8b7c4
```
#a8b7c4 rgb(168,183,196)
```
#a2b7ca
```
#a2b7ca rgb(162,183,202)
```
#9cb8d0
```
#9cb8d0 rgb(156,184,208)
```
#97b8d5
```
#97b8d5 rgb(151,184,213)
```
#91b8db
```
#91b8db rgb(145,184,219)
```
#8cb9e0
```
#8cb9e0 rgb(140,185,224)
```
#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#80b9ec
```
#80b9ec rgb(128,185,236)
```
#7bbaf1
```
#7bbaf1 rgb(123,186,241)
```
#75baf7
```
#75baf7 rgb(117,186,247)
```
#70bafc
```
#70bafc rgb(112,186,252)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a7b1ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb5e2 Protanopia 1% of men
#abb4ea Deuteranopia 1% of men
#84c1cf Tritanopia 0.001% of the population

Trichromacy

#9eb7e4 Protanomaly 1% of men, 0.01% of women
#9eb6e8 Deuteranomaly 6% of men, 0.4% of women
#84bed7 Tritanomaly 0.01% of the population

#86b9e6 hex color

#86b9e6 Color Information

#86b9e6 Color Conversion

Color Schemes with #86b9e6

Alternatives to #86b9e6

#86b9e6 Preview

Shades and Tints of #86b9e6

Tones of #86b9e6

Color Blindness Simulator