colorhexa.com

#86b2bf hex color

In a RGB color space, hex #86b2bf is composed of 52.5% red, 69.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 6.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 193.7 degrees, a saturation of 30.8% and a lightness of 63.7%. #86b2bf color hex could be obtained by blending #ffffff with #0d657f. Closest websafe color is: #9999cc.

- R 53
- G 70
- B 75
RGB color chart
- C 30
- M 7
- Y 0
- K 25
CMYK color chart

● #86b2bf color description : Slightly desaturated cyan.

The hexadecimal color #86b2bf has RGB values of R:134, G:178, B:191 and CMYK values of C:0.3, M:0.07, Y:0, K:0.25. Its decimal value is 8827583.

Hex triplet	86b2bf	`#86b2bf`
RGB Decimal	134, 178, 191	`rgb(134,178,191)`
RGB Percent	52.5, 69.8, 74.9	`rgb(52.5%,69.8%,74.9%)`
CMYK	30, 7, 0, 25
HSL	193.7°, 30.8, 63.7	`hsl(193.7,30.8%,63.7%)`
HSV (or HSB)	193.7°, 29.8, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.944, -11.541, -11.377
XYZ	35.154, 40.669, 55.285
xyY	0.268, 0.31, 40.669
CIE-LCH	69.944, 16.206, 224.59
CIE-LUV	69.944, -22.247, -15.493
Hunter-Lab	63.773, -13.207, -6.758
Binary	10000110, 10110010, 10111111

#86b2bf
```
#86b2bf rgb(134,178,191)
```
#bf9386
```
#bf9386 rgb(191,147,134)
```

Complementary Color

#86bfb0
```
#86bfb0 rgb(134,191,176)
```
#86b2bf
```
#86b2bf rgb(134,178,191)
```
#8696bf
```
#8696bf rgb(134,150,191)
```

Analogous Color

#bfb086
```
#bfb086 rgb(191,176,134)
```
#86b2bf
```
#86b2bf rgb(134,178,191)
```
#bf8696
```
#bf8696 rgb(191,134,150)
```

Split Complementary Color

#b2bf86
```
#b2bf86 rgb(178,191,134)
```
#86b2bf
```
#86b2bf rgb(134,178,191)
```
#bf86b2
```
#bf86b2 rgb(191,134,178)
```

Triadic Color

#86bf93
```
#86bf93 rgb(134,191,147)
```
#86b2bf
```
#86b2bf rgb(134,178,191)
```
#bf86b2
```
#bf86b2 rgb(191,134,178)
```
#bf9386
```
#bf9386 rgb(191,147,134)
```

Tetradic Color

#5691a3
```
#5691a3 rgb(86,145,163)
```
#659dad
```
#659dad rgb(101,157,173)
```
#75a7b6
```
#75a7b6 rgb(117,167,182)
```
#86b2bf
```
#86b2bf rgb(134,178,191)
```
#97bdc8
```
#97bdc8 rgb(151,189,200)
```
#a7c7d1
```
#a7c7d1 rgb(167,199,209)
```
#b8d2d9
```
#b8d2d9 rgb(184,210,217)
```

Monochromatic Color

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

#86bfbe
```
#86bfbe rgb(134,191,190)
```
#86bcbf
```
#86bcbf rgb(134,188,191)
```
#86b7bf
```
#86b7bf rgb(134,183,191)
```
#86b2bf
```
#86b2bf rgb(134,178,191)
```
#86adbf
```
#86adbf rgb(134,173,191)
```
#86a9bf
```
#86a9bf rgb(134,169,191)
```
#86a4bf
```
#86a4bf rgb(134,164,191)
```

Similar Colors

Text with hexadecimal color #86b2bf

This text has a font color of #86b2bf.

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

#86b2bf background color

This paragraph has a background color of #86b2bf.

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

#86b2bf border color

This element has a border color of #86b2bf.

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

CSS codes

.text {color:#86b2bf;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0b1214
```
#0b1214 rgb(11,18,20)
```
#111d21
```
#111d21 rgb(17,29,33)
```
#18292e
```
#18292e rgb(24,41,46)
```
#1f343b
```
#1f343b rgb(31,52,59)
```
#264047
```
#264047 rgb(38,64,71)
```
#2d4b54
```
#2d4b54 rgb(45,75,84)
```
#335761
```
#335761 rgb(51,87,97)
```
#3a626e
```
#3a626e rgb(58,98,110)
```
#416e7b
```
#416e7b rgb(65,110,123)
```
#487988
```
#487988 rgb(72,121,136)
```
#4f8494
```
#4f8494 rgb(79,132,148)
```
#5590a1
```
#5590a1 rgb(85,144,161)
```

Shade Color Variation

#609aab
```
#609aab rgb(96,154,171)
```
#6ca2b1
```
#6ca2b1 rgb(108,162,177)
```
#79aab8
```
#79aab8 rgb(121,170,184)
```
#86b2bf
```
#86b2bf rgb(134,178,191)
```
#93bac6
```
#93bac6 rgb(147,186,198)
```
#a0c2cd
```
#a0c2cd rgb(160,194,205)
```
#accad3
```
#accad3 rgb(172,202,211)
```
#b9d3da
```
#b9d3da rgb(185,211,218)
```
#c6dbe1
```
#c6dbe1 rgb(198,219,225)
```
#d3e3e8
```
#d3e3e8 rgb(211,227,232)
```
#e0ebef
```
#e0ebef rgb(224,235,239)
```
#edf3f5
```
#edf3f5 rgb(237,243,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#a2a3a3
```
#a2a3a3 rgb(162,163,163)
```
#9ba6aa
```
#9ba6aa rgb(155,166,170)
```
#94aab1
```
#94aab1 rgb(148,170,177)
```
#8daeb8
```
#8daeb8 rgb(141,174,184)
```
#86b2bf
```
#86b2bf rgb(134,178,191)
```
#7fb6c6
```
#7fb6c6 rgb(127,182,198)
```
#78bacd
```
#78bacd rgb(120,186,205)
```
#71bed4
```
#71bed4 rgb(113,190,212)
```
#6ac1db
```
#6ac1db rgb(106,193,219)
```
#62c5e3
```
#62c5e3 rgb(98,197,227)
```
#5bc9ea
```
#5bc9ea rgb(91,201,234)
```
#54cdf1
```
#54cdf1 rgb(84,205,241)
```
#4dd1f8
```
#4dd1f8 rgb(77,209,248)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a0a8ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#adaebd Protanopia 1% of men
#b4abc6 Deuteranopia 1% of men
#8cb5c3 Tritanopia 0.001% of the population

Trichromacy

#9fafbe Protanomaly 1% of men, 0.01% of women
#a3adc3 Deuteranomaly 6% of men, 0.4% of women
#8ab4c1 Tritanomaly 0.01% of the population