#8ba5a8 hex color

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

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

● #8ba5a8 color description : Dark grayish cyan.

The hexadecimal color #8ba5a8 has RGB values of R:139, G:165, B:168 and CMYK values of C:0.17, M:0.02, Y:0, K:0.34. Its decimal value is 9151912.

Hex triplet	8ba5a8	`#8ba5a8`
RGB Decimal	139, 165, 168	`rgb(139,165,168)`
RGB Percent	54.5, 64.7, 65.9	`rgb(54.5%,64.7%,65.9%)`
CMYK	17, 2, 0, 34
HSL	186.2°, 14.3, 60.2	`hsl(186.2,14.3%,60.2%)`
HSV (or HSB)	186.2°, 17.3, 65.9
Web Safe	999999	`#999999`

CIE-LAB	65.924, -8.323, -4.572
XYZ	31.169, 35.226, 42.201
xyY	0.287, 0.324, 35.226
CIE-LCH	65.924, 9.496, 208.778
CIE-LUV	65.924, -13.831, -5.397
Hunter-Lab	59.351, -10.124, -0.611
Binary	10001011, 10100101, 10101000

#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#a88e8b
```
#a88e8b rgb(168,142,139)
```

Complementary Color

#8ba89d
```
#8ba89d rgb(139,168,157)
```
#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#8b97a8
```
#8b97a8 rgb(139,151,168)
```

Analogous Color

#a89d8b
```
#a89d8b rgb(168,157,139)
```
#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#a88b97
```
#a88b97 rgb(168,139,151)
```

Split Complementary Color

#a5a88b
```
#a5a88b rgb(165,168,139)
```
#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#a88ba5
```
#a88ba5 rgb(168,139,165)
```

Triadic Color

#8ba88e
```
#8ba88e rgb(139,168,142)
```
#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#a88ba5
```
#a88ba5 rgb(168,139,165)
```
#a88e8b
```
#a88e8b rgb(168,142,139)
```

Tetradic Color

#638084
```
#638084 rgb(99,128,132)
```
#6e8e92
```
#6e8e92 rgb(110,142,146)
```
#7c9a9d
```
#7c9a9d rgb(124,154,157)
```
#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#9ab0b3
```
#9ab0b3 rgb(154,176,179)
```
#a8bcbe
```
#a8bcbe rgb(168,188,190)
```
#b7c7c9
```
#b7c7c9 rgb(183,199,201)
```

Monochromatic Color

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

#8ba8a4
```
#8ba8a4 rgb(139,168,164)
```
#8ba8a6
```
#8ba8a6 rgb(139,168,166)
```
#8ba7a8
```
#8ba7a8 rgb(139,167,168)
```
#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#8ba3a8
```
#8ba3a8 rgb(139,163,168)
```
#8ba0a8
```
#8ba0a8 rgb(139,160,168)
```
#8b9ea8
```
#8b9ea8 rgb(139,158,168)
```

Similar Colors

Text with hexadecimal color #8ba5a8

This text has a font color of #8ba5a8.

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

#8ba5a8 background color

This paragraph has a background color of #8ba5a8.

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

#8ba5a8 border color

This element has a border color of #8ba5a8.

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

CSS codes

.text {color:#8ba5a8;}

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

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

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)
```
#0e1213
```
#0e1213 rgb(14,18,19)
```
#161d1e
```
#161d1e rgb(22,29,30)
```
#1f2829
```
#1f2829 rgb(31,40,41)
```
#273334
```
#273334 rgb(39,51,52)
```
#303e3f
```
#303e3f rgb(48,62,63)
```
#38494b
```
#38494b rgb(56,73,75)
```
#405456
```
#405456 rgb(64,84,86)
```
#495e61
```
#495e61 rgb(73,94,97)
```
#51696c
```
#51696c rgb(81,105,108)
```
#5a7477
```
#5a7477 rgb(90,116,119)
```
#627f83
```
#627f83 rgb(98,127,131)
```
#6a8a8e
```
#6a8a8e rgb(106,138,142)
```

Shade Color Variation

#759497
```
#759497 rgb(117,148,151)
```
#809ca0
```
#809ca0 rgb(128,156,160)
```
#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#96aeb0
```
#96aeb0 rgb(150,174,176)
```
#a1b6b9
```
#a1b6b9 rgb(161,182,185)
```
#adbfc1
```
#adbfc1 rgb(173,191,193)
```
#b8c8ca
```
#b8c8ca rgb(184,200,202)
```
#c3d0d2
```
#c3d0d2 rgb(195,208,210)
```
#ced9da
```
#ced9da rgb(206,217,218)
```
#d9e2e3
```
#d9e2e3 rgb(217,226,227)
```
#e5ebeb
```
#e5ebeb rgb(229,235,235)
```
#f0f3f4
```
#f0f3f4 rgb(240,243,244)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#939fa0
```
#939fa0 rgb(147,159,160)
```
#8ba5a8
```
#8ba5a8 rgb(139,165,168)
```
#83abb0
```
#83abb0 rgb(131,171,176)
```
#7bb1b8
```
#7bb1b8 rgb(123,177,184)
```
#74b8bf
```
#74b8bf rgb(116,184,191)
```
#6cbec7
```
#6cbec7 rgb(108,190,199)
```
#64c4cf
```
#64c4cf rgb(100,196,207)
```
#5ccad7
```
#5ccad7 rgb(92,202,215)
```
#54d0df
```
#54d0df rgb(84,208,223)
```
#4dd7e6
```
#4dd7e6 rgb(77,215,230)
```
#45ddee
```
#45ddee rgb(69,221,238)
```
#3de3f6
```
#3de3f6 rgb(61,227,246)
```
#35e9fe
```
#35e9fe rgb(53,233,254)
```

Tone Color Variation

Below, you can see how #8ba5a8 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
#9a9fa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a4a9 Protanopia 1% of men
#afa0af Deuteranopia 1% of men
#92a8b4 Tritanopia 0.001% of the population

Trichromacy

#9ca4a8 Protanomaly 1% of men, 0.01% of women
#a2a2ac Deuteranomaly 6% of men, 0.4% of women
#90a7af Tritanomaly 0.01% of the population

#8ba5a8 hex color

#8ba5a8 Color Information

#8ba5a8 Color Conversion

Color Schemes with #8ba5a8

Alternatives to #8ba5a8

#8ba5a8 Preview

Shades and Tints of #8ba5a8

Tones of #8ba5a8

Color Blindness Simulator