#86bac1 hex color

In a RGB color space, hex #86bac1 is composed of 52.5% red, 72.9% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 3.6% magenta, 0% yellow and 24.3% black. It has a hue angle of 187.1 degrees, a saturation of 32.2% and a lightness of 64.1%. #86bac1 color hex could be obtained by blending #ffffff with #0d7583. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 53
- G 73
- B 76
RGB color chart
- C 31
- M 4
- Y 0
- K 24
CMYK color chart

● #86bac1 color description : Slightly desaturated cyan.

The hexadecimal color #86bac1 has RGB values of R:134, G:186, B:193 and CMYK values of C:0.31, M:0.04, Y:0, K:0.24. Its decimal value is 8829633.

Hex triplet	86bac1	`#86bac1`
RGB Decimal	134, 186, 193	`rgb(134,186,193)`
RGB Percent	52.5, 72.9, 75.7	`rgb(52.5%,72.9%,75.7%)`
CMYK	31, 4, 0, 24
HSL	187.1°, 32.2, 64.1	`hsl(187.1,32.2%,64.1%)`
HSV (or HSB)	187.1°, 30.6, 75.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.252, -15.268, -9.029
XYZ	37.014, 44.035, 56.998
xyY	0.268, 0.319, 44.035
CIE-LCH	72.252, 17.738, 210.598
CIE-LUV	72.252, -25.712, -11.302
Hunter-Lab	66.359, -16.564, -4.476
Binary	10000110, 10111010, 11000001

#86bac1
```
#86bac1 rgb(134,186,193)
```
#c18d86
```
#c18d86 rgb(193,141,134)
```

Complementary Color

#86c1ab
```
#86c1ab rgb(134,193,171)
```
#86bac1
```
#86bac1 rgb(134,186,193)
```
#869dc1
```
#869dc1 rgb(134,157,193)
```

Analogous Color

#c1ab86
```
#c1ab86 rgb(193,171,134)
```
#86bac1
```
#86bac1 rgb(134,186,193)
```
#c1869d
```
#c1869d rgb(193,134,157)
```

Split Complementary Color

#bac186
```
#bac186 rgb(186,193,134)
```
#86bac1
```
#86bac1 rgb(134,186,193)
```
#c186ba
```
#c186ba rgb(193,134,186)
```

Triadic Color

#86c18d
```
#86c18d rgb(134,193,141)
```
#86bac1
```
#86bac1 rgb(134,186,193)
```
#c186ba
```
#c186ba rgb(193,134,186)
```
#c18d86
```
#c18d86 rgb(193,141,134)
```

Tetradic Color

#559ca6
```
#559ca6 rgb(85,156,166)
```
#64a7b0
```
#64a7b0 rgb(100,167,176)
```
#75b0b8
```
#75b0b8 rgb(117,176,184)
```
#86bac1
```
#86bac1 rgb(134,186,193)
```
#97c4ca
```
#97c4ca rgb(151,196,202)
```
#a8cdd2
```
#a8cdd2 rgb(168,205,210)
```
#b9d7db
```
#b9d7db rgb(185,215,219)
```

Monochromatic Color

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

#86c1b9
```
#86c1b9 rgb(134,193,185)
```
#86c1be
```
#86c1be rgb(134,193,190)
```
#86bfc1
```
#86bfc1 rgb(134,191,193)
```
#86bac1
```
#86bac1 rgb(134,186,193)
```
#86b5c1
```
#86b5c1 rgb(134,181,193)
```
#86b0c1
```
#86b0c1 rgb(134,176,193)
```
#86abc1
```
#86abc1 rgb(134,171,193)
```

Similar Colors

Text with hexadecimal color #86bac1

This text has a font color of #86bac1.

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

#86bac1 background color

This paragraph has a background color of #86bac1.

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

#86bac1 border color

This element has a border color of #86bac1.

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

CSS codes

.text {color:#86bac1;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#0b1416
```
#0b1416 rgb(11,20,22)
```
#122123
```
#122123 rgb(18,33,35)
```
#182d30
```
#182d30 rgb(24,45,48)
```
#1f393d
```
#1f393d rgb(31,57,61)
```
#26454a
```
#26454a rgb(38,69,74)
```
#2c5257
```
#2c5257 rgb(44,82,87)
```
#335e63
```
#335e63 rgb(51,94,99)
```
#3a6a70
```
#3a6a70 rgb(58,106,112)
```
#40767d
```
#40767d rgb(64,118,125)
```
#47828a
```
#47828a rgb(71,130,138)
```
#4e8f97
```
#4e8f97 rgb(78,143,151)
```
#549ba4
```
#549ba4 rgb(84,155,164)
```

Shade Color Variation

#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#6cabb4
```
#6cabb4 rgb(108,171,180)
```
#79b3ba
```
#79b3ba rgb(121,179,186)
```
#86bac1
```
#86bac1 rgb(134,186,193)
```
#93c1c8
```
#93c1c8 rgb(147,193,200)
```
#a0c9ce
```
#a0c9ce rgb(160,201,206)
```
#add0d5
```
#add0d5 rgb(173,208,213)
```
#bad8dc
```
#bad8dc rgb(186,216,220)
```
#c7dfe2
```
#c7dfe2 rgb(199,223,226)
```
#d4e6e9
```
#d4e6e9 rgb(212,230,233)
```
#e1eef0
```
#e1eef0 rgb(225,238,240)
```
#eef5f6
```
#eef5f6 rgb(238,245,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#a2a5a5
```
#a2a5a5 rgb(162,165,165)
```
#9baaac
```
#9baaac rgb(155,170,172)
```
#94afb3
```
#94afb3 rgb(148,175,179)
```
#8db5ba
```
#8db5ba rgb(141,181,186)
```
#86bac1
```
#86bac1 rgb(134,186,193)
```
#7fbfc8
```
#7fbfc8 rgb(127,191,200)
```
#78c5cf
```
#78c5cf rgb(120,197,207)
```
#71cad6
```
#71cad6 rgb(113,202,214)
```
#6acfdd
```
#6acfdd rgb(106,207,221)
```
#63d5e4
```
#63d5e4 rgb(99,213,228)
```
#5cdaeb
```
#5cdaeb rgb(92,218,235)
```
#55e0f2
```
#55e0f2 rgb(85,224,242)
```
#4ee5f9
```
#4ee5f9 rgb(78,229,249)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a4aeaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b4be Protanopia 1% of men
#bcb0c8 Deuteranopia 1% of men
#8ebcca Tritanopia 0.001% of the population

Trichromacy

#a4b6bf Protanomaly 1% of men, 0.01% of women
#a8b4c5 Deuteranomaly 6% of men, 0.4% of women
#8bbbc6 Tritanomaly 0.01% of the population

#86bac1 hex color

#86bac1 Color Information

#86bac1 Color Conversion

Color Schemes with #86bac1

Alternatives to #86bac1

#86bac1 Preview

Shades and Tints of #86bac1

Tones of #86bac1

Color Blindness Simulator