#8ba7af hex color

In a RGB color space, hex #8ba7af is composed of 54.5% red, 65.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 4.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 193.3 degrees, a saturation of 18.4% and a lightness of 61.6%. #8ba7af color hex could be obtained by blending #ffffff with #174f5f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 55
- G 65
- B 69
RGB color chart
- C 21
- M 5
- Y 0
- K 31
CMYK color chart

● #8ba7af color description : Dark grayish cyan.

The hexadecimal color #8ba7af has RGB values of R:139, G:167, B:175 and CMYK values of C:0.21, M:0.05, Y:0, K:0.31. Its decimal value is 9152431.

Hex triplet	8ba7af	`#8ba7af`
RGB Decimal	139, 167, 175	`rgb(139,167,175)`
RGB Percent	54.5, 65.5, 68.6	`rgb(54.5%,65.5%,68.6%)`
CMYK	21, 5, 0, 31
HSL	193.3°, 18.4, 61.6	`hsl(193.3,18.4%,61.6%)`
HSV (or HSB)	193.3°, 20.6, 68.6
Web Safe	999999	`#999999`

CIE-LAB	66.688, -7.848, -7.341
XYZ	32.202, 36.221, 45.85
xyY	0.282, 0.317, 36.221
CIE-LCH	66.688, 10.746, 223.089
CIE-LUV	66.688, -14.909, -9.686
Hunter-Lab	60.184, -9.812, -3.04
Binary	10001011, 10100111, 10101111

#8ba7af
```
#8ba7af rgb(139,167,175)
```
#af938b
```
#af938b rgb(175,147,139)
```

Complementary Color

#8bafa5
```
#8bafa5 rgb(139,175,165)
```
#8ba7af
```
#8ba7af rgb(139,167,175)
```
#8b95af
```
#8b95af rgb(139,149,175)
```

Analogous Color

#afa58b
```
#afa58b rgb(175,165,139)
```
#8ba7af
```
#8ba7af rgb(139,167,175)
```
#af8b95
```
#af8b95 rgb(175,139,149)
```

Split Complementary Color

#a7af8b
```
#a7af8b rgb(167,175,139)
```
#8ba7af
```
#8ba7af rgb(139,167,175)
```
#af8ba7
```
#af8ba7 rgb(175,139,167)
```

Triadic Color

#8baf93
```
#8baf93 rgb(139,175,147)
```
#8ba7af
```
#8ba7af rgb(139,167,175)
```
#af8ba7
```
#af8ba7 rgb(175,139,167)
```
#af938b
```
#af938b rgb(175,147,139)
```

Tetradic Color

#61838d
```
#61838d rgb(97,131,141)
```
#6d909a
```
#6d909a rgb(109,144,154)
```
#7c9ca5
```
#7c9ca5 rgb(124,156,165)
```
#8ba7af
```
#8ba7af rgb(139,167,175)
```
#9ab2b9
```
#9ab2b9 rgb(154,178,185)
```
#a9bec4
```
#a9bec4 rgb(169,190,196)
```
#b8c9ce
```
#b8c9ce rgb(184,201,206)
```

Monochromatic Color

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

#8bafae
```
#8bafae rgb(139,175,174)
```
#8badaf
```
#8badaf rgb(139,173,175)
```
#8baaaf
```
#8baaaf rgb(139,170,175)
```
#8ba7af
```
#8ba7af rgb(139,167,175)
```
#8ba4af
```
#8ba4af rgb(139,164,175)
```
#8ba1af
```
#8ba1af rgb(139,161,175)
```
#8b9eaf
```
#8b9eaf rgb(139,158,175)
```

Similar Colors

Text with hexadecimal color #8ba7af

This text has a font color of #8ba7af.

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

#8ba7af background color

This paragraph has a background color of #8ba7af.

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

#8ba7af border color

This element has a border color of #8ba7af.

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

CSS codes

.text {color:#8ba7af;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#101617
```
#101617 rgb(16,22,23)
```
#182123
```
#182123 rgb(24,33,35)
```
#202b2f
```
#202b2f rgb(32,43,47)
```
#28363a
```
#28363a rgb(40,54,58)
```
#304146
```
#304146 rgb(48,65,70)
```
#384c51
```
#384c51 rgb(56,76,81)
```
#40575d
```
#40575d rgb(64,87,93)
```
#486169
```
#486169 rgb(72,97,105)
```
#506c74
```
#506c74 rgb(80,108,116)
```
#587780
```
#587780 rgb(88,119,128)
```
#60828b
```
#60828b rgb(96,130,139)
```

Shade Color Variation

#688d97
```
#688d97 rgb(104,141,151)
```
#74959f
```
#74959f rgb(116,149,159)
```
#7f9ea7
```
#7f9ea7 rgb(127,158,167)
```
#8ba7af
```
#8ba7af rgb(139,167,175)
```
#97b0b7
```
#97b0b7 rgb(151,176,183)
```
#a2b9bf
```
#a2b9bf rgb(162,185,191)
```
#aec1c7
```
#aec1c7 rgb(174,193,199)
```
#b9cacf
```
#b9cacf rgb(185,202,207)
```
#c5d3d7
```
#c5d3d7 rgb(197,211,215)
```
#d1dcdf
```
#d1dcdf rgb(209,220,223)
```
#dce5e7
```
#dce5e7 rgb(220,229,231)
```
#e8edef
```
#e8edef rgb(232,237,239)
```
#f3f6f7
```
#f3f6f7 rgb(243,246,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9fa0 is the less saturated color, while #40d1fa is the most saturated one.

#9a9fa0
```
#9a9fa0 rgb(154,159,160)
```
#93a3a7
```
#93a3a7 rgb(147,163,167)
```
#8ba7af
```
#8ba7af rgb(139,167,175)
```
#83abb7
```
#83abb7 rgb(131,171,183)
```
#7cafbe
```
#7cafbe rgb(124,175,190)
```
#74b4c6
```
#74b4c6 rgb(116,180,198)
```
#6db8cd
```
#6db8cd rgb(109,184,205)
```
#65bcd5
```
#65bcd5 rgb(101,188,213)
```
#5ec0dc
```
#5ec0dc rgb(94,192,220)
```
#56c4e4
```
#56c4e4 rgb(86,196,228)
```
#4fc9eb
```
#4fc9eb rgb(79,201,235)
```
#47cdf3
```
#47cdf3 rgb(71,205,243)
```
#40d1fa
```
#40d1fa rgb(64,209,250)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9ca1a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a6b0 Protanopia 1% of men
#afa2b6 Deuteranopia 1% of men
#92aab7 Tritanopia 0.001% of the population

Trichromacy

#9ca6af Protanomaly 1% of men, 0.01% of women
#a2a4b3 Deuteranomaly 6% of men, 0.4% of women
#8fa9b4 Tritanomaly 0.01% of the population

#8ba7af hex color

#8ba7af Color Information

#8ba7af Color Conversion

Color Schemes with #8ba7af

Alternatives to #8ba7af

#8ba7af Preview

Shades and Tints of #8ba7af

Tones of #8ba7af

Color Blindness Simulator