#8ba4ae hex color

In a RGB color space, hex #8ba4ae is composed of 54.5% red, 64.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 5.7% magenta, 0% yellow and 31.8% black. It has a hue angle of 197.1 degrees, a saturation of 17.8% and a lightness of 61.4%. #8ba4ae color hex could be obtained by blending #ffffff with #17495d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 55
- G 64
- B 68
RGB color chart
- C 20
- M 6
- Y 0
- K 32
CMYK color chart

● #8ba4ae color description : Dark grayish blue.

The hexadecimal color #8ba4ae has RGB values of R:139, G:164, B:174 and CMYK values of C:0.2, M:0.06, Y:0, K:0.32. Its decimal value is 9151662.

Hex triplet	8ba4ae	`#8ba4ae`
RGB Decimal	139, 164, 174	`rgb(139,164,174)`
RGB Percent	54.5, 64.3, 68.2	`rgb(54.5%,64.3%,68.2%)`
CMYK	20, 6, 0, 32
HSL	197.1°, 17.8, 61.4	`hsl(197.1,17.8%,61.4%)`
HSV (or HSB)	197.1°, 20.1, 68.2
Web Safe	999999	`#999999`

CIE-LAB	65.823, -6.446, -8.071
XYZ	31.561, 35.095, 45.153
xyY	0.282, 0.314, 35.095
CIE-LCH	65.823, 10.329, 231.387
CIE-LUV	65.823, -13.508, -10.995
Hunter-Lab	59.241, -8.575, -3.722
Binary	10001011, 10100100, 10101110

#8ba4ae
```
#8ba4ae rgb(139,164,174)
```
#ae958b
```
#ae958b rgb(174,149,139)
```

Complementary Color

#8baea7
```
#8baea7 rgb(139,174,167)
```
#8ba4ae
```
#8ba4ae rgb(139,164,174)
```
#8b93ae
```
#8b93ae rgb(139,147,174)
```

Analogous Color

#aea78b
```
#aea78b rgb(174,167,139)
```
#8ba4ae
```
#8ba4ae rgb(139,164,174)
```
#ae8b93
```
#ae8b93 rgb(174,139,147)
```

Split Complementary Color

#a4ae8b
```
#a4ae8b rgb(164,174,139)
```
#8ba4ae
```
#8ba4ae rgb(139,164,174)
```
#ae8ba4
```
#ae8ba4 rgb(174,139,164)
```

Triadic Color

#8bae95
```
#8bae95 rgb(139,174,149)
```
#8ba4ae
```
#8ba4ae rgb(139,164,174)
```
#ae8ba4
```
#ae8ba4 rgb(174,139,164)
```
#ae958b
```
#ae958b rgb(174,149,139)
```

Tetradic Color

#617f8b
```
#617f8b rgb(97,127,139)
```
#6d8c99
```
#6d8c99 rgb(109,140,153)
```
#7c98a4
```
#7c98a4 rgb(124,152,164)
```
#8ba4ae
```
#8ba4ae rgb(139,164,174)
```
#9ab0b8
```
#9ab0b8 rgb(154,176,184)
```
#a9bcc3
```
#a9bcc3 rgb(169,188,195)
```
#b8c7cd
```
#b8c7cd rgb(184,199,205)
```

Monochromatic Color

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

#8badae
```
#8badae rgb(139,173,174)
```
#8baaae
```
#8baaae rgb(139,170,174)
```
#8ba7ae
```
#8ba7ae rgb(139,167,174)
```
#8ba4ae
```
#8ba4ae rgb(139,164,174)
```
#8ba1ae
```
#8ba1ae rgb(139,161,174)
```
#8b9eae
```
#8b9eae rgb(139,158,174)
```
#8b9bae
```
#8b9bae rgb(139,155,174)
```

Similar Colors

Text with hexadecimal color #8ba4ae

This text has a font color of #8ba4ae.

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

#8ba4ae background color

This paragraph has a background color of #8ba4ae.

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

#8ba4ae border color

This element has a border color of #8ba4ae.

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

CSS codes

.text {color:#8ba4ae;}

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

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

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, #080a0b is the darkest color, while #ffffff is the lightest one.

#080a0b
```
#080a0b rgb(8,10,11)
```
#101517
```
#101517 rgb(16,21,23)
```
#181f22
```
#181f22 rgb(24,31,34)
```
#202a2e
```
#202a2e rgb(32,42,46)
```
#283439
```
#283439 rgb(40,52,57)
```
#303f45
```
#303f45 rgb(48,63,69)
```
#384950
```
#384950 rgb(56,73,80)
```
#40545c
```
#40545c rgb(64,84,92)
```
#485f67
```
#485f67 rgb(72,95,103)
```
#506973
```
#506973 rgb(80,105,115)
```
#58747f
```
#58747f rgb(88,116,127)
```
#607e8a
```
#607e8a rgb(96,126,138)
```
#688996
```
#688996 rgb(104,137,150)
```

Shade Color Variation

#74929e
```
#74929e rgb(116,146,158)
```
#7f9ba6
```
#7f9ba6 rgb(127,155,166)
```
#8ba4ae
```
#8ba4ae rgb(139,164,174)
```
#97adb6
```
#97adb6 rgb(151,173,182)
```
#a2b6be
```
#a2b6be rgb(162,182,190)
```
#aebfc6
```
#aebfc6 rgb(174,191,198)
```
#b9c8ce
```
#b9c8ce rgb(185,200,206)
```
#c5d1d6
```
#c5d1d6 rgb(197,209,214)
```
#d0dade
```
#d0dade rgb(208,218,222)
```
#dce3e6
```
#dce3e6 rgb(220,227,230)
```
#e7ecef
```
#e7ecef rgb(231,236,239)
```
#f3f6f7
```
#f3f6f7 rgb(243,246,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#9a9e9f
```
#9a9e9f rgb(154,158,159)
```
#93a1a6
```
#93a1a6 rgb(147,161,166)
```
#8ba4ae
```
#8ba4ae rgb(139,164,174)
```
#83a7b6
```
#83a7b6 rgb(131,167,182)
```
#7caabd
```
#7caabd rgb(124,170,189)
```
#74aec5
```
#74aec5 rgb(116,174,197)
```
#6db1cc
```
#6db1cc rgb(109,177,204)
```
#65b4d4
```
#65b4d4 rgb(101,180,212)
```
#5eb7db
```
#5eb7db rgb(94,183,219)
```
#56bbe3
```
#56bbe3 rgb(86,187,227)
```
#4ebeeb
```
#4ebeeb rgb(78,190,235)
```
#47c1f2
```
#47c1f2 rgb(71,193,242)
```
#3fc4fa
```
#3fc4fa rgb(63,196,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#9a9fa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a3af Protanopia 1% of men
#aca0b4 Deuteranopia 1% of men
#91a8b4 Tritanopia 0.001% of the population

Trichromacy

#9ba3ae Protanomaly 1% of men, 0.01% of women
#a0a1b2 Deuteranomaly 6% of men, 0.4% of women
#8fa6b2 Tritanomaly 0.01% of the population

#8ba4ae hex color

#8ba4ae Color Information

#8ba4ae Color Conversion

Color Schemes with #8ba4ae

Alternatives to #8ba4ae

#8ba4ae Preview

Shades and Tints of #8ba4ae

Tones of #8ba4ae

Color Blindness Simulator