#8ba7b0 hex color

In a RGB color space, hex #8ba7b0 is composed of 54.5% red, 65.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 5.1% magenta, 0% yellow and 31% black. It has a hue angle of 194.6 degrees, a saturation of 19% and a lightness of 61.8%. #8ba7b0 color hex could be obtained by blending #ffffff with #174f61. 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

● #8ba7b0 color description : Dark grayish cyan.

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

Hex triplet	8ba7b0	`#8ba7b0`
RGB Decimal	139, 167, 176	`rgb(139,167,176)`
RGB Percent	54.5, 65.5, 69	`rgb(54.5%,65.5%,69%)`
CMYK	21, 5, 0, 31
HSL	194.6°, 19, 61.8	`hsl(194.6,19%,61.8%)`
HSV (or HSB)	194.6°, 21, 69
Web Safe	999999	`#999999`

CIE-LAB	66.718, -7.622, -7.853
XYZ	32.301, 36.26, 46.369
xyY	0.281, 0.315, 36.26
CIE-LCH	66.718, 10.944, 225.856
CIE-LUV	66.718, -14.93, -10.506
Hunter-Lab	60.216, -9.629, -3.504
Binary	10001011, 10100111, 10110000

#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#b0948b
```
#b0948b rgb(176,148,139)
```

Complementary Color

#8bb0a7
```
#8bb0a7 rgb(139,176,167)
```
#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#8b95b0
```
#8b95b0 rgb(139,149,176)
```

Analogous Color

#b0a78b
```
#b0a78b rgb(176,167,139)
```
#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#b08b95
```
#b08b95 rgb(176,139,149)
```

Split Complementary Color

#a7b08b
```
#a7b08b rgb(167,176,139)
```
#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#b08ba7
```
#b08ba7 rgb(176,139,167)
```

Triadic Color

#8bb094
```
#8bb094 rgb(139,176,148)
```
#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#b08ba7
```
#b08ba7 rgb(176,139,167)
```
#b0948b
```
#b0948b rgb(176,148,139)
```

Tetradic Color

#61838e
```
#61838e rgb(97,131,142)
```
#6d909b
```
#6d909b rgb(109,144,155)
```
#7c9ba6
```
#7c9ba6 rgb(124,155,166)
```
#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#9ab3ba
```
#9ab3ba rgb(154,179,186)
```
#a9bec5
```
#a9bec5 rgb(169,190,197)
```
#b9cacf
```
#b9cacf rgb(185,202,207)
```

Monochromatic Color

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

#8bb0b0
```
#8bb0b0 rgb(139,176,176)
```
#8badb0
```
#8badb0 rgb(139,173,176)
```
#8baab0
```
#8baab0 rgb(139,170,176)
```
#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#8ba4b0
```
#8ba4b0 rgb(139,164,176)
```
#8ba1b0
```
#8ba1b0 rgb(139,161,176)
```
#8b9eb0
```
#8b9eb0 rgb(139,158,176)
```

Similar Colors

Text with hexadecimal color #8ba7b0

This text has a font color of #8ba7b0.

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

#8ba7b0 background color

This paragraph has a background color of #8ba7b0.

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

#8ba7b0 border color

This element has a border color of #8ba7b0.

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

CSS codes

.text {color:#8ba7b0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#101618
```
#101618 rgb(16,22,24)
```
#182124
```
#182124 rgb(24,33,36)
```
#202c2f
```
#202c2f rgb(32,44,47)
```
#28363b
```
#28363b rgb(40,54,59)
```
#304147
```
#304147 rgb(48,65,71)
```
#384c52
```
#384c52 rgb(56,76,82)
```
#40575e
```
#40575e rgb(64,87,94)
```
#48626a
```
#48626a rgb(72,98,106)
```
#506c75
```
#506c75 rgb(80,108,117)
```
#587781
```
#587781 rgb(88,119,129)
```
#60828d
```
#60828d rgb(96,130,141)
```

Shade Color Variation

#688c98
```
#688c98 rgb(104,140,152)
```
#7495a0
```
#7495a0 rgb(116,149,160)
```
#7f9ea8
```
#7f9ea8 rgb(127,158,168)
```
#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#97b0b8
```
#97b0b8 rgb(151,176,184)
```
#a2b9c0
```
#a2b9c0 rgb(162,185,192)
```
#aec2c8
```
#aec2c8 rgb(174,194,200)
```
#bacad0
```
#bacad0 rgb(186,202,208)
```
#c5d3d8
```
#c5d3d8 rgb(197,211,216)
```
#d1dce0
```
#d1dce0 rgb(209,220,224)
```
#dde5e8
```
#dde5e8 rgb(221,229,232)
```
#e8eef0
```
#e8eef0 rgb(232,238,240)
```
#f4f7f8
```
#f4f7f8 rgb(244,247,248)
```

Tint Color Variation

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

#9a9fa1
```
#9a9fa1 rgb(154,159,161)
```
#93a3a9
```
#93a3a9 rgb(147,163,169)
```
#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#84abb8
```
#84abb8 rgb(132,171,184)
```
#7cafbf
```
#7cafbf rgb(124,175,191)
```
#75b3c7
```
#75b3c7 rgb(117,179,199)
```
#6db6ce
```
#6db6ce rgb(109,182,206)
```
#66bad6
```
#66bad6 rgb(102,186,214)
```
#5ebedd
```
#5ebedd rgb(94,190,221)
```
#57c2e5
```
#57c2e5 rgb(87,194,229)
```
#4fc6ec
```
#4fc6ec rgb(79,198,236)
```
#48caf4
```
#48caf4 rgb(72,202,244)
```
#40cefb
```
#40cefb rgb(64,206,251)
```

Tone Color Variation

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

#a6a6b1 Protanopia 1% of men
#aea2b7 Deuteranopia 1% of men
#91abb7 Tritanopia 0.001% of the population

Trichromacy

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

#8ba7b0 hex color

#8ba7b0 Color Information

#8ba7b0 Color Conversion

Color Schemes with #8ba7b0

Alternatives to #8ba7b0

#8ba7b0 Preview

Shades and Tints of #8ba7b0

Tones of #8ba7b0

Color Blindness Simulator