#9baacc hex color

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

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

● #9baacc color description : Grayish blue.

The hexadecimal color #9baacc has RGB values of R:155, G:170, B:204 and CMYK values of C:0.24, M:0.17, Y:0, K:0.2. Its decimal value is 10201804.

Hex triplet	9baacc	`#9baacc`
RGB Decimal	155, 170, 204	`rgb(155,170,204)`
RGB Percent	60.8, 66.7, 80	`rgb(60.8%,66.7%,80%)`
CMYK	24, 17, 0, 20
HSL	221.6°, 32.5, 70.4	`hsl(221.6,32.5%,70.4%)`
HSV (or HSB)	221.6°, 24, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.524, 2.236, -19.038
XYZ	38.789, 40.077, 62.815
xyY	0.274, 0.283, 40.077
CIE-LCH	69.524, 19.169, 276.697
CIE-LUV	69.524, -9.527, -29.756
Hunter-Lab	63.306, -1.415, -14.516
Binary	10011011, 10101010, 11001100

#9baacc
```
#9baacc rgb(155,170,204)
```
#ccbd9b
```
#ccbd9b rgb(204,189,155)
```

Complementary Color

#9bc3cc
```
#9bc3cc rgb(155,195,204)
```
#9baacc
```
#9baacc rgb(155,170,204)
```
#a59bcc
```
#a59bcc rgb(165,155,204)
```

Analogous Color

#c3cc9b
```
#c3cc9b rgb(195,204,155)
```
#9baacc
```
#9baacc rgb(155,170,204)
```
#cca59b
```
#cca59b rgb(204,165,155)
```

Split Complementary Color

#aacc9b
```
#aacc9b rgb(170,204,155)
```
#9baacc
```
#9baacc rgb(155,170,204)
```
#cc9baa
```
#cc9baa rgb(204,155,170)
```

Triadic Color

#9bccbd
```
#9bccbd rgb(155,204,189)
```
#9baacc
```
#9baacc rgb(155,170,204)
```
#cc9baa
```
#cc9baa rgb(204,155,170)
```
#ccbd9b
```
#ccbd9b rgb(204,189,155)
```

Tetradic Color

#687fb2
```
#687fb2 rgb(104,127,178)
```
#798dbb
```
#798dbb rgb(121,141,187)
```
#8a9cc3
```
#8a9cc3 rgb(138,156,195)
```
#9baacc
```
#9baacc rgb(155,170,204)
```
#acb8d5
```
#acb8d5 rgb(172,184,213)
```
#bdc7dd
```
#bdc7dd rgb(189,199,221)
```
#ced5e6
```
#ced5e6 rgb(206,213,230)
```

Monochromatic Color

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

#9bb6cc
```
#9bb6cc rgb(155,182,204)
```
#9bb2cc
```
#9bb2cc rgb(155,178,204)
```
#9baecc
```
#9baecc rgb(155,174,204)
```
#9baacc
```
#9baacc rgb(155,170,204)
```
#9ba6cc
```
#9ba6cc rgb(155,166,204)
```
#9ba2cc
```
#9ba2cc rgb(155,162,204)
```
#9b9ecc
```
#9b9ecc rgb(155,158,204)
```

Similar Colors

Text with hexadecimal color #9baacc

This text has a font color of #9baacc.

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

#9baacc background color

This paragraph has a background color of #9baacc.

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

#9baacc border color

This element has a border color of #9baacc.

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

CSS codes

.text {color:#9baacc;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090b11
```
#090b11 rgb(9,11,17)
```
#0f141e
```
#0f141e rgb(15,20,30)
```
#161c2b
```
#161c2b rgb(22,28,43)
```
#1d2538
```
#1d2538 rgb(29,37,56)
```
#232d45
```
#232d45 rgb(35,45,69)
```
#2a3652
```
#2a3652 rgb(42,54,82)
```
#303f5f
```
#303f5f rgb(48,63,95)
```
#37476c
```
#37476c rgb(55,71,108)
```
#3e5079
```
#3e5079 rgb(62,80,121)
```
#445886
```
#445886 rgb(68,88,134)
```
#4b6193
```
#4b6193 rgb(75,97,147)
```
#5269a0
```
#5269a0 rgb(82,105,160)
```

Shade Color Variation

#5a73ab
```
#5a73ab rgb(90,115,171)
```
#677eb1
```
#677eb1 rgb(103,126,177)
```
#7489b8
```
#7489b8 rgb(116,137,184)
```
#8194bf
```
#8194bf rgb(129,148,191)
```
#8e9fc5
```
#8e9fc5 rgb(142,159,197)
```
#9baacc
```
#9baacc rgb(155,170,204)
```
#a8b5d3
```
#a8b5d3 rgb(168,181,211)
```
#b5c0d9
```
#b5c0d9 rgb(181,192,217)
```
#c2cbe0
```
#c2cbe0 rgb(194,203,224)
```
#cfd6e7
```
#cfd6e7 rgb(207,214,231)
```
#dce1ed
```
#dce1ed rgb(220,225,237)
```
#e9ecf4
```
#e9ecf4 rgb(233,236,244)
```
#f6f7fa
```
#f6f7fa rgb(246,247,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 #6d98fa is the most saturated one.

#b2b3b5
```
#b2b3b5 rgb(178,179,181)
```
#acb1bb
```
#acb1bb rgb(172,177,187)
```
#a7afc0
```
#a7afc0 rgb(167,175,192)
```
#a1acc6
```
#a1acc6 rgb(161,172,198)
```
#9baacc
```
#9baacc rgb(155,170,204)
```
#95a8d2
```
#95a8d2 rgb(149,168,210)
```
#8fa5d8
```
#8fa5d8 rgb(143,165,216)
```
#8aa3dd
```
#8aa3dd rgb(138,163,221)
```
#84a1e3
```
#84a1e3 rgb(132,161,227)
```
#7e9fe9
```
#7e9fe9 rgb(126,159,233)
```
#789cef
```
#789cef rgb(120,156,239)
```
#729af5
```
#729af5 rgb(114,154,245)
```
#6d98fa
```
#6d98fa rgb(109,152,250)
```

Tone Color Variation

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

Dichromacy

#a6accd Protanopia 1% of men
#acaacf Deuteranopia 1% of men
#9cb1be Tritanopia 0.001% of the population

Trichromacy

#a2abcd Protanomaly 1% of men, 0.01% of women
#a6aace Deuteranomaly 6% of men, 0.4% of women
#9baec3 Tritanomaly 0.01% of the population

#9baacc hex color

#9baacc Color Information

#9baacc Color Conversion

Color Schemes with #9baacc

Alternatives to #9baacc

#9baacc Preview

Shades and Tints of #9baacc

Tones of #9baacc

Color Blindness Simulator