#9ba1cc hex color

In a RGB color space, hex #9ba1cc is composed of 60.8% red, 63.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 21.1% magenta, 0% yellow and 20% black. It has a hue angle of 232.7 degrees, a saturation of 32.5% and a lightness of 70.4%. #9ba1cc color hex could be obtained by blending #ffffff with #374399. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 63
- B 80
RGB color chart
- C 24
- M 21
- Y 0
- K 20
CMYK color chart

● #9ba1cc color description : Grayish blue.

The hexadecimal color #9ba1cc has RGB values of R:155, G:161, B:204 and CMYK values of C:0.24, M:0.21, Y:0, K:0.2. Its decimal value is 10199500.

Hex triplet	9ba1cc	`#9ba1cc`
RGB Decimal	155, 161, 204	`rgb(155,161,204)`
RGB Percent	60.8, 63.1, 80	`rgb(60.8%,63.1%,80%)`
CMYK	24, 21, 0, 20
HSL	232.7°, 32.5, 70.4	`hsl(232.7,32.5%,70.4%)`
HSV (or HSB)	232.7°, 24, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.14, 7.245, -22.668
XYZ	37.159, 36.817, 62.272
xyY	0.273, 0.27, 36.817
CIE-LCH	67.14, 23.798, 287.724
CIE-LUV	67.14, -5.547, -36.188
Hunter-Lab	60.677, 3.13, -18.374
Binary	10011011, 10100001, 11001100

#9ba1cc
```
#9ba1cc rgb(155,161,204)
```
#ccc69b
```
#ccc69b rgb(204,198,155)
```

Complementary Color

#9bbacc
```
#9bbacc rgb(155,186,204)
```
#9ba1cc
```
#9ba1cc rgb(155,161,204)
```
#ae9bcc
```
#ae9bcc rgb(174,155,204)
```

Analogous Color

#bacc9b
```
#bacc9b rgb(186,204,155)
```
#9ba1cc
```
#9ba1cc rgb(155,161,204)
```
#ccae9b
```
#ccae9b rgb(204,174,155)
```

Split Complementary Color

#a1cc9b
```
#a1cc9b rgb(161,204,155)
```
#9ba1cc
```
#9ba1cc rgb(155,161,204)
```
#cc9ba1
```
#cc9ba1 rgb(204,155,161)
```

Triadic Color

#9bccc6
```
#9bccc6 rgb(155,204,198)
```
#9ba1cc
```
#9ba1cc rgb(155,161,204)
```
#cc9ba1
```
#cc9ba1 rgb(204,155,161)
```
#ccc69b
```
#ccc69b rgb(204,198,155)
```

Tetradic Color

#6871b2
```
#6871b2 rgb(104,113,178)
```
#7981bb
```
#7981bb rgb(121,129,187)
```
#8a91c3
```
#8a91c3 rgb(138,145,195)
```
#9ba1cc
```
#9ba1cc rgb(155,161,204)
```
#acb1d5
```
#acb1d5 rgb(172,177,213)
```
#bdc1dd
```
#bdc1dd rgb(189,193,221)
```
#ced1e6
```
#ced1e6 rgb(206,209,230)
```

Monochromatic Color

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

#9badcc
```
#9badcc rgb(155,173,204)
```
#9ba9cc
```
#9ba9cc rgb(155,169,204)
```
#9ba5cc
```
#9ba5cc rgb(155,165,204)
```
#9ba1cc
```
#9ba1cc rgb(155,161,204)
```
#9b9dcc
```
#9b9dcc rgb(155,157,204)
```
#9d9bcc
```
#9d9bcc rgb(157,155,204)
```
#a19bcc
```
#a19bcc rgb(161,155,204)
```

Similar Colors

Text with hexadecimal color #9ba1cc

This text has a font color of #9ba1cc.

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

#9ba1cc background color

This paragraph has a background color of #9ba1cc.

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

#9ba1cc border color

This element has a border color of #9ba1cc.

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

CSS codes

.text {color:#9ba1cc;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090a11
```
#090a11 rgb(9,10,17)
```
#0f111e
```
#0f111e rgb(15,17,30)
```
#16182b
```
#16182b rgb(22,24,43)
```
#1d2038
```
#1d2038 rgb(29,32,56)
```
#232745
```
#232745 rgb(35,39,69)
```
#2a2f52
```
#2a2f52 rgb(42,47,82)
```
#30365f
```
#30365f rgb(48,54,95)
```
#373d6c
```
#373d6c rgb(55,61,108)
```
#3e4579
```
#3e4579 rgb(62,69,121)
```
#444c86
```
#444c86 rgb(68,76,134)
```
#4b5493
```
#4b5493 rgb(75,84,147)
```
#525ba0
```
#525ba0 rgb(82,91,160)
```

Shade Color Variation

#5a64ab
```
#5a64ab rgb(90,100,171)
```
#6770b1
```
#6770b1 rgb(103,112,177)
```
#747cb8
```
#747cb8 rgb(116,124,184)
```
#8189bf
```
#8189bf rgb(129,137,191)
```
#8e95c5
```
#8e95c5 rgb(142,149,197)
```
#9ba1cc
```
#9ba1cc rgb(155,161,204)
```
#a8add3
```
#a8add3 rgb(168,173,211)
```
#b5b9d9
```
#b5b9d9 rgb(181,185,217)
```
#c2c6e0
```
#c2c6e0 rgb(194,198,224)
```
#cfd2e7
```
#cfd2e7 rgb(207,210,231)
```
#dcdeed
```
#dcdeed rgb(220,222,237)
```
#e9eaf4
```
#e9eaf4 rgb(233,234,244)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#b2b3b5
```
#b2b3b5 rgb(178,179,181)
```
#acaebb
```
#acaebb rgb(172,174,187)
```
#a7aac0
```
#a7aac0 rgb(167,170,192)
```
#a1a5c6
```
#a1a5c6 rgb(161,165,198)
```
#9ba1cc
```
#9ba1cc rgb(155,161,204)
```
#959dd2
```
#959dd2 rgb(149,157,210)
```
#8f98d8
```
#8f98d8 rgb(143,152,216)
```
#8a94dd
```
#8a94dd rgb(138,148,221)
```
#848fe3
```
#848fe3 rgb(132,143,227)
```
#7e8be9
```
#7e8be9 rgb(126,139,233)
```
#7887ef
```
#7887ef rgb(120,135,239)
```
#7282f5
```
#7282f5 rgb(114,130,245)
```
#6d7efa
```
#6d7efa rgb(109,126,250)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a2a3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da6cf Protanopia 1% of men
#a2a5ce Deuteranopia 1% of men
#9aaab6 Tritanopia 0.001% of the population

Trichromacy

#9ca4cd Protanomaly 1% of men, 0.01% of women
#9fa3cd Deuteranomaly 6% of men, 0.4% of women
#9aa6be Tritanomaly 0.01% of the population

#9ba1cc hex color

#9ba1cc Color Information

#9ba1cc Color Conversion

Color Schemes with #9ba1cc

Alternatives to #9ba1cc

#9ba1cc Preview

Shades and Tints of #9ba1cc

Tones of #9ba1cc

Color Blindness Simulator