#9bacbd hex color

In a RGB color space, hex #9bacbd is composed of 60.8% red, 67.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 9% magenta, 0% yellow and 25.9% black. It has a hue angle of 210 degrees, a saturation of 20.5% and a lightness of 67.5%. #9bacbd color hex could be obtained by blending #ffffff with #37597b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 67
- B 74
RGB color chart
- C 18
- M 9
- Y 0
- K 26
CMYK color chart

● #9bacbd color description : Grayish blue.

The hexadecimal color #9bacbd has RGB values of R:155, G:172, B:189 and CMYK values of C:0.18, M:0.09, Y:0, K:0.26. Its decimal value is 10202301.

Hex triplet	9bacbd	`#9bacbd`
RGB Decimal	155, 172, 189	`rgb(155,172,189)`
RGB Percent	60.8, 67.5, 74.1	`rgb(60.8%,67.5%,74.1%)`
CMYK	18, 9, 0, 26
HSL	210°, 20.5, 67.5	`hsl(210,20.5%,67.5%)`
HSV (or HSB)	210°, 18, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.574, -2.286, -10.687
XYZ	37.453, 40.147, 53.917
xyY	0.285, 0.305, 40.147
CIE-LCH	69.574, 10.929, 257.926
CIE-LUV	69.574, -9.861, -15.807
Hunter-Lab	63.362, -5.371, -6.099
Binary	10011011, 10101100, 10111101

#9bacbd
```
#9bacbd rgb(155,172,189)
```
#bdac9b
```
#bdac9b rgb(189,172,155)
```

Complementary Color

#9bbdbd
```
#9bbdbd rgb(155,189,189)
```
#9bacbd
```
#9bacbd rgb(155,172,189)
```
#9b9bbd
```
#9b9bbd rgb(155,155,189)
```

Analogous Color

#bdbd9b
```
#bdbd9b rgb(189,189,155)
```
#9bacbd
```
#9bacbd rgb(155,172,189)
```
#bd9b9b
```
#bd9b9b rgb(189,155,155)
```

Split Complementary Color

#acbd9b
```
#acbd9b rgb(172,189,155)
```
#9bacbd
```
#9bacbd rgb(155,172,189)
```
#bd9bac
```
#bd9bac rgb(189,155,172)
```

Triadic Color

#9bbdac
```
#9bbdac rgb(155,189,172)
```
#9bacbd
```
#9bacbd rgb(155,172,189)
```
#bd9bac
```
#bd9bac rgb(189,155,172)
```
#bdac9b
```
#bdac9b rgb(189,172,155)
```

Tetradic Color

#6d869f
```
#6d869f rgb(109,134,159)
```
#7c93a9
```
#7c93a9 rgb(124,147,169)
```
#8c9fb3
```
#8c9fb3 rgb(140,159,179)
```
#9bacbd
```
#9bacbd rgb(155,172,189)
```
#aab9c7
```
#aab9c7 rgb(170,185,199)
```
#bac6d1
```
#bac6d1 rgb(186,198,209)
```
#c9d2db
```
#c9d2db rgb(201,210,219)
```

Monochromatic Color

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

#9bb5bd
```
#9bb5bd rgb(155,181,189)
```
#9bb2bd
```
#9bb2bd rgb(155,178,189)
```
#9bafbd
```
#9bafbd rgb(155,175,189)
```
#9bacbd
```
#9bacbd rgb(155,172,189)
```
#9ba9bd
```
#9ba9bd rgb(155,169,189)
```
#9ba6bd
```
#9ba6bd rgb(155,166,189)
```
#9ba4bd
```
#9ba4bd rgb(155,164,189)
```

Similar Colors

Text with hexadecimal color #9bacbd

This text has a font color of #9bacbd.

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

#9bacbd background color

This paragraph has a background color of #9bacbd.

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

#9bacbd border color

This element has a border color of #9bacbd.

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

CSS codes

.text {color:#9bacbd;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c0f12
```
#0c0f12 rgb(12,15,18)
```
#14191e
```
#14191e rgb(20,25,30)
```
#1c232a
```
#1c232a rgb(28,35,42)
```
#232d36
```
#232d36 rgb(35,45,54)
```
#2b3641
```
#2b3641 rgb(43,54,65)
```
#33404d
```
#33404d rgb(51,64,77)
```
#3b4a59
```
#3b4a59 rgb(59,74,89)
```
#435465
```
#435465 rgb(67,84,101)
```
#4a5e71
```
#4a5e71 rgb(74,94,113)
```
#52677d
```
#52677d rgb(82,103,125)
```
#5a7188
```
#5a7188 rgb(90,113,136)
```
#627b94
```
#627b94 rgb(98,123,148)
```

Shade Color Variation

#6c859e
```
#6c859e rgb(108,133,158)
```
#788fa6
```
#788fa6 rgb(120,143,166)
```
#8398ad
```
#8398ad rgb(131,152,173)
```
#8fa2b5
```
#8fa2b5 rgb(143,162,181)
```
#9bacbd
```
#9bacbd rgb(155,172,189)
```
#a7b6c5
```
#a7b6c5 rgb(167,182,197)
```
#b3c0cd
```
#b3c0cd rgb(179,192,205)
```
#bec9d4
```
#bec9d4 rgb(190,201,212)
```
#cad3dc
```
#cad3dc rgb(202,211,220)
```
#d6dde4
```
#d6dde4 rgb(214,221,228)
```
#e2e7ec
```
#e2e7ec rgb(226,231,236)
```
#eef1f4
```
#eef1f4 rgb(238,241,244)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#a8acb0
```
#a8acb0 rgb(168,172,176)
```
#a1acb7
```
#a1acb7 rgb(161,172,183)
```
#9bacbd
```
#9bacbd rgb(155,172,189)
```
#95acc3
```
#95acc3 rgb(149,172,195)
```
#8eacca
```
#8eacca rgb(142,172,202)
```
#88acd0
```
#88acd0 rgb(136,172,208)
```
#81acd7
```
#81acd7 rgb(129,172,215)
```
#7bacdd
```
#7bacdd rgb(123,172,221)
```
#75ace3
```
#75ace3 rgb(117,172,227)
```
#6eacea
```
#6eacea rgb(110,172,234)
```
#68acf0
```
#68acf0 rgb(104,172,240)
```
#62acf6
```
#62acf6 rgb(98,172,246)
```
#5bacfd
```
#5bacfd rgb(91,172,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a6aaad Atypical Achromatopsia 0.001% of the population

Dichromacy

#acadbe Protanopia 1% of men
#b4aac2 Deuteranopia 1% of men
#9fb0bd Tritanopia 0.001% of the population

Trichromacy

#a5acbe Protanomaly 1% of men, 0.01% of women
#abaac0 Deuteranomaly 6% of men, 0.4% of women
#9dafbd Tritanomaly 0.01% of the population

#9bacbd hex color

#9bacbd Color Information

#9bacbd Color Conversion

Color Schemes with #9bacbd

Alternatives to #9bacbd

#9bacbd Preview

Shades and Tints of #9bacbd

Tones of #9bacbd

Color Blindness Simulator