#9cb4b0 hex color

In a RGB color space, hex #9cb4b0 is composed of 61.2% red, 70.6% green and 69% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 0% magenta, 2.2% yellow and 29.4% black. It has a hue angle of 170 degrees, a saturation of 13.8% and a lightness of 65.9%. #9cb4b0 color hex could be obtained by blending #ffffff with #396961. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 61
- G 71
- B 69
RGB color chart
- C 13
- M 0
- Y 2
- K 29
CMYK color chart

● #9cb4b0 color description : Grayish cyan.

The hexadecimal color #9cb4b0 has RGB values of R:156, G:180, B:176 and CMYK values of C:0.13, M:0, Y:0.02, K:0.29. Its decimal value is 10269872.

Hex triplet	9cb4b0	`#9cb4b0`
RGB Decimal	156, 180, 176	`rgb(156,180,176)`
RGB Percent	61.2, 70.6, 69	`rgb(61.2%,70.6%,69%)`
CMYK	13, 0, 2, 29
HSL	170°, 13.8, 65.9	`hsl(170,13.8%,65.9%)`
HSV (or HSB)	170°, 13.3, 70.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.449, -9.026, -0.747
XYZ	37.866, 42.844, 47.347
xyY	0.296, 0.335, 42.844
CIE-LCH	71.449, 9.057, 184.729
CIE-LUV	71.449, -12.728, 0.405
Hunter-Lab	65.456, -11.284, 2.932
Binary	10011100, 10110100, 10110000

#9cb4b0
```
#9cb4b0 rgb(156,180,176)
```
#b49ca0
```
#b49ca0 rgb(180,156,160)
```

Complementary Color

#9cb4a4
```
#9cb4a4 rgb(156,180,164)
```
#9cb4b0
```
#9cb4b0 rgb(156,180,176)
```
#9cacb4
```
#9cacb4 rgb(156,172,180)
```

Analogous Color

#b4a49c
```
#b4a49c rgb(180,164,156)
```
#9cb4b0
```
#9cb4b0 rgb(156,180,176)
```
#b49cac
```
#b49cac rgb(180,156,172)
```

Split Complementary Color

#b4b09c
```
#b4b09c rgb(180,176,156)
```
#9cb4b0
```
#9cb4b0 rgb(156,180,176)
```
#b09cb4
```
#b09cb4 rgb(176,156,180)
```

Triadic Color

#a0b49c
```
#a0b49c rgb(160,180,156)
```
#9cb4b0
```
#9cb4b0 rgb(156,180,176)
```
#b09cb4
```
#b09cb4 rgb(176,156,180)
```
#b49ca0
```
#b49ca0 rgb(180,156,160)
```

Tetradic Color

#70938d
```
#70938d rgb(112,147,141)
```
#7f9e99
```
#7f9e99 rgb(127,158,153)
```
#8da9a4
```
#8da9a4 rgb(141,169,164)
```
#9cb4b0
```
#9cb4b0 rgb(156,180,176)
```
#abbfbc
```
#abbfbc rgb(171,191,188)
```
#b9cac7
```
#b9cac7 rgb(185,202,199)
```
#c8d5d3
```
#c8d5d3 rgb(200,213,211)
```

Monochromatic Color

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

#9cb4aa
```
#9cb4aa rgb(156,180,170)
```
#9cb4ac
```
#9cb4ac rgb(156,180,172)
```
#9cb4ae
```
#9cb4ae rgb(156,180,174)
```
#9cb4b0
```
#9cb4b0 rgb(156,180,176)
```
#9cb4b2
```
#9cb4b2 rgb(156,180,178)
```
#9cb4b4
```
#9cb4b4 rgb(156,180,180)
```
#9cb2b4
```
#9cb2b4 rgb(156,178,180)
```

Similar Colors

Text with hexadecimal color #9cb4b0

This text has a font color of #9cb4b0.

<span style="color:#9cb4b0;">Text here</span>

#9cb4b0 background color

This paragraph has a background color of #9cb4b0.

<p style="background-color:#9cb4b0;">Content here</p>

#9cb4b0 border color

This element has a border color of #9cb4b0.

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

CSS codes

.text {color:#9cb4b0;}

.background {background-color:#9cb4b0;}

.border {border:1px solid #9cb4b0;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0d0c
```
#0a0d0c rgb(10,13,12)
```
#121817
```
#121817 rgb(18,24,23)
```
#1a2322
```
#1a2322 rgb(26,35,34)
```
#232e2c
```
#232e2c rgb(35,46,44)
```
#2b3937
```
#2b3937 rgb(43,57,55)
```
#344442
```
#344442 rgb(52,68,66)
```
#3c504c
```
#3c504c rgb(60,80,76)
```
#455b57
```
#455b57 rgb(69,91,87)
```
#4d6662
```
#4d6662 rgb(77,102,98)
```
#56716c
```
#56716c rgb(86,113,108)
```
#5e7c77
```
#5e7c77 rgb(94,124,119)
```
#678782
```
#678782 rgb(103,135,130)
```

Shade Color Variation

#6f928c
```
#6f928c rgb(111,146,140)
```
#7b9b95
```
#7b9b95 rgb(123,155,149)
```
#86a39e
```
#86a39e rgb(134,163,158)
```
#91aca7
```
#91aca7 rgb(145,172,167)
```
#9cb4b0
```
#9cb4b0 rgb(156,180,176)
```
#a7bcb9
```
#a7bcb9 rgb(167,188,185)
```
#b2c5c2
```
#b2c5c2 rgb(178,197,194)
```
#bdcdcb
```
#bdcdcb rgb(189,205,203)
```
#c9d6d4
```
#c9d6d4 rgb(201,214,212)
```
#d4dedd
```
#d4dedd rgb(212,222,221)
```
#dfe7e5
```
#dfe7e5 rgb(223,231,229)
```
#eaefee
```
#eaefee rgb(234,239,238)
```
#f5f8f7
```
#f5f8f7 rgb(245,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3adac is the less saturated color, while #52fee1 is the most saturated one.

#a3adac
```
#a3adac rgb(163,173,172)
```
#9cb4b0
```
#9cb4b0 rgb(156,180,176)
```
#95bbb4
```
#95bbb4 rgb(149,187,180)
```
#8fc1b9
```
#8fc1b9 rgb(143,193,185)
```
#88c8bd
```
#88c8bd rgb(136,200,189)
```
#81cfc2
```
#81cfc2 rgb(129,207,194)
```
#7bd5c6
```
#7bd5c6 rgb(123,213,198)
```
#74dccb
```
#74dccb rgb(116,220,203)
```
#6de3cf
```
#6de3cf rgb(109,227,207)
```
#66ead4
```
#66ead4 rgb(102,234,212)
```
#60f0d8
```
#60f0d8 rgb(96,240,216)
```
#59f7dd
```
#59f7dd rgb(89,247,221)
```
#52fee1
```
#52fee1 rgb(82,254,225)
```

Tone Color Variation

Below, you can see how #9cb4b0 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

#acacac Achromatopsia 0.005% of the population
#a9aead Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b2b1 Protanopia 1% of men
#c1aeb7 Deuteranopia 1% of men
#a4b5c2 Tritanopia 0.001% of the population

Trichromacy

#acb2b0 Protanomaly 1% of men, 0.01% of women
#b3b0b4 Deuteranomaly 6% of men, 0.4% of women
#a1b5bb Tritanomaly 0.01% of the population

#9cb4b0 hex color

#9cb4b0 Color Information

#9cb4b0 Color Conversion

Color Schemes with #9cb4b0

Alternatives to #9cb4b0

#9cb4b0 Preview

Shades and Tints of #9cb4b0

Tones of #9cb4b0

Color Blindness Simulator