#8ba8a6 hex color

In a RGB color space, hex #8ba8a6 is composed of 54.5% red, 65.9% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 0% magenta, 1.2% yellow and 34.1% black. It has a hue angle of 175.9 degrees, a saturation of 14.3% and a lightness of 60.2%. #8ba8a6 color hex could be obtained by blending #ffffff with #17514d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 55
- G 66
- B 65
RGB color chart
- C 17
- M 0
- Y 1
- K 34
CMYK color chart

● #8ba8a6 color description : Dark grayish cyan.

The hexadecimal color #8ba8a6 has RGB values of R:139, G:168, B:166 and CMYK values of C:0.17, M:0, Y:0.01, K:0.34. Its decimal value is 9152678.

Hex triplet	8ba8a6	`#8ba8a6`
RGB Decimal	139, 168, 166	`rgb(139,168,166)`
RGB Percent	54.5, 65.9, 65.1	`rgb(54.5%,65.9%,65.1%)`
CMYK	17, 0, 1, 34
HSL	175.9°, 14.3, 60.2	`hsl(175.9,14.3%,60.2%)`
HSV (or HSB)	175.9°, 17.3, 65.9
Web Safe	999999	`#999999`

CIE-LAB	66.708, -10.37, -2.303
XYZ	31.531, 36.247, 41.409
xyY	0.289, 0.332, 36.247
CIE-LCH	66.708, 10.623, 192.519
CIE-LUV	66.708, -15.194, -1.689
Hunter-Lab	60.205, -11.873, 1.364
Binary	10001011, 10101000, 10100110

#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#a88b8d
```
#a88b8d rgb(168,139,141)
```

Complementary Color

#8ba898
```
#8ba898 rgb(139,168,152)
```
#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#8b9ca8
```
#8b9ca8 rgb(139,156,168)
```

Analogous Color

#a8988b
```
#a8988b rgb(168,152,139)
```
#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#a88b9c
```
#a88b9c rgb(168,139,156)
```

Split Complementary Color

#a8a68b
```
#a8a68b rgb(168,166,139)
```
#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#a68ba8
```
#a68ba8 rgb(166,139,168)
```

Triadic Color

#8da88b
```
#8da88b rgb(141,168,139)
```
#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#a68ba8
```
#a68ba8 rgb(166,139,168)
```
#a88b8d
```
#a88b8d rgb(168,139,141)
```

Tetradic Color

#638481
```
#638481 rgb(99,132,129)
```
#6e9290
```
#6e9290 rgb(110,146,144)
```
#7c9d9b
```
#7c9d9b rgb(124,157,155)
```
#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#9ab3b1
```
#9ab3b1 rgb(154,179,177)
```
#a8bebc
```
#a8bebc rgb(168,190,188)
```
#b7c9c8
```
#b7c9c8 rgb(183,201,200)
```

Monochromatic Color

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

#8ba89f
```
#8ba89f rgb(139,168,159)
```
#8ba8a1
```
#8ba8a1 rgb(139,168,161)
```
#8ba8a4
```
#8ba8a4 rgb(139,168,164)
```
#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#8ba8a8
```
#8ba8a8 rgb(139,168,168)
```
#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#8ba3a8
```
#8ba3a8 rgb(139,163,168)
```

Similar Colors

Text with hexadecimal color #8ba8a6

This text has a font color of #8ba8a6.

<span style="color:#8ba8a6;">Text here</span>

#8ba8a6 background color

This paragraph has a background color of #8ba8a6.

<p style="background-color:#8ba8a6;">Content here</p>

#8ba8a6 border color

This element has a border color of #8ba8a6.

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

CSS codes

.text {color:#8ba8a6;}

.background {background-color:#8ba8a6;}

.border {border:1px solid #8ba8a6;}

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

#050707
```
#050707 rgb(5,7,7)
```
#0e1312
```
#0e1312 rgb(14,19,18)
```
#161e1d
```
#161e1d rgb(22,30,29)
```
#1f2928
```
#1f2928 rgb(31,41,40)
```
#273433
```
#273433 rgb(39,52,51)
```
#303f3e
```
#303f3e rgb(48,63,62)
```
#384b49
```
#384b49 rgb(56,75,73)
```
#405654
```
#405654 rgb(64,86,84)
```
#49615f
```
#49615f rgb(73,97,95)
```
#516c6a
```
#516c6a rgb(81,108,106)
```
#5a7775
```
#5a7775 rgb(90,119,117)
```
#628380
```
#628380 rgb(98,131,128)
```
#6a8e8b
```
#6a8e8b rgb(106,142,139)
```

Shade Color Variation

#759795
```
#759795 rgb(117,151,149)
```
#80a09d
```
#80a09d rgb(128,160,157)
```
#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#96b0af
```
#96b0af rgb(150,176,175)
```
#a1b9b7
```
#a1b9b7 rgb(161,185,183)
```
#adc1c0
```
#adc1c0 rgb(173,193,192)
```
#b8cac8
```
#b8cac8 rgb(184,202,200)
```
#c3d2d1
```
#c3d2d1 rgb(195,210,209)
```
#cedada
```
#cedada rgb(206,218,218)
```
#d9e3e2
```
#d9e3e2 rgb(217,227,226)
```
#e5ebeb
```
#e5ebeb rgb(229,235,235)
```
#f0f4f3
```
#f0f4f3 rgb(240,244,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93a09f is the less saturated color, while #35fef0 is the most saturated one.

#93a09f
```
#93a09f rgb(147,160,159)
```
#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#83b0ad
```
#83b0ad rgb(131,176,173)
```
#7bb8b3
```
#7bb8b3 rgb(123,184,179)
```
#74bfba
```
#74bfba rgb(116,191,186)
```
#6cc7c1
```
#6cc7c1 rgb(108,199,193)
```
#64cfc8
```
#64cfc8 rgb(100,207,200)
```
#5cd7ce
```
#5cd7ce rgb(92,215,206)
```
#54dfd5
```
#54dfd5 rgb(84,223,213)
```
#4de6dc
```
#4de6dc rgb(77,230,220)
```
#45eee3
```
#45eee3 rgb(69,238,227)
```
#3df6e9
```
#3df6e9 rgb(61,246,233)
```
#35fef0
```
#35fef0 rgb(53,254,240)
```

Tone Color Variation

Below, you can see how #8ba8a6 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

#9f9f9f Achromatopsia 0.005% of the population
#9ba1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a6a7 Protanopia 1% of men
#b3a2ad Deuteranopia 1% of men
#93aab6 Tritanopia 0.001% of the population

Trichromacy

#9ea6a6 Protanomaly 1% of men, 0.01% of women
#a4a4ab Deuteranomaly 6% of men, 0.4% of women
#90a9b0 Tritanomaly 0.01% of the population

#8ba8a6 hex color

#8ba8a6 Color Information

#8ba8a6 Color Conversion

Color Schemes with #8ba8a6

Alternatives to #8ba8a6

#8ba8a6 Preview

Shades and Tints of #8ba8a6

Tones of #8ba8a6

Color Blindness Simulator