#9baac4 hex color

In a RGB color space, hex #9baac4 is composed of 60.8% red, 66.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 13.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 218 degrees, a saturation of 25.8% and a lightness of 68.8%. #9baac4 color hex could be obtained by blending #ffffff with #375589. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 67
- B 77
RGB color chart
- C 21
- M 13
- Y 0
- K 23
CMYK color chart

● #9baac4 color description : Grayish blue.

The hexadecimal color #9baac4 has RGB values of R:155, G:170, B:196 and CMYK values of C:0.21, M:0.13, Y:0, K:0.23. Its decimal value is 10201796.

Hex triplet	9baac4	`#9baac4`
RGB Decimal	155, 170, 196	`rgb(155,170,196)`
RGB Percent	60.8, 66.7, 76.9	`rgb(60.8%,66.7%,76.9%)`
CMYK	21, 13, 0, 23
HSL	218°, 25.8, 68.8	`hsl(218,25.8%,68.8%)`
HSV (or HSB)	218°, 20.9, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.257, 0.382, -15.028
XYZ	37.854, 39.703, 57.891
xyY	0.279, 0.293, 39.703
CIE-LCH	69.257, 15.033, 271.454
CIE-LUV	69.257, -9.208, -23.041
Hunter-Lab	63.01, -3.032, -10.365
Binary	10011011, 10101010, 11000100

#9baac4
```
#9baac4 rgb(155,170,196)
```
#c4b59b
```
#c4b59b rgb(196,181,155)
```

Complementary Color

#9bbfc4
```
#9bbfc4 rgb(155,191,196)
```
#9baac4
```
#9baac4 rgb(155,170,196)
```
#a19bc4
```
#a19bc4 rgb(161,155,196)
```

Analogous Color

#bfc49b
```
#bfc49b rgb(191,196,155)
```
#9baac4
```
#9baac4 rgb(155,170,196)
```
#c4a19b
```
#c4a19b rgb(196,161,155)
```

Split Complementary Color

#aac49b
```
#aac49b rgb(170,196,155)
```
#9baac4
```
#9baac4 rgb(155,170,196)
```
#c49baa
```
#c49baa rgb(196,155,170)
```

Triadic Color

#9bc4b5
```
#9bc4b5 rgb(155,196,181)
```
#9baac4
```
#9baac4 rgb(155,170,196)
```
#c49baa
```
#c49baa rgb(196,155,170)
```
#c4b59b
```
#c4b59b rgb(196,181,155)
```

Tetradic Color

#6b81a8
```
#6b81a8 rgb(107,129,168)
```
#7b8fb1
```
#7b8fb1 rgb(123,143,177)
```
#8b9cbb
```
#8b9cbb rgb(139,156,187)
```
#9baac4
```
#9baac4 rgb(155,170,196)
```
#abb8cd
```
#abb8cd rgb(171,184,205)
```
#bbc5d7
```
#bbc5d7 rgb(187,197,215)
```
#cbd3e0
```
#cbd3e0 rgb(203,211,224)
```

Monochromatic Color

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

#9bb4c4
```
#9bb4c4 rgb(155,180,196)
```
#9bb1c4
```
#9bb1c4 rgb(155,177,196)
```
#9badc4
```
#9badc4 rgb(155,173,196)
```
#9baac4
```
#9baac4 rgb(155,170,196)
```
#9ba7c4
```
#9ba7c4 rgb(155,167,196)
```
#9ba3c4
```
#9ba3c4 rgb(155,163,196)
```
#9ba0c4
```
#9ba0c4 rgb(155,160,196)
```

Similar Colors

Text with hexadecimal color #9baac4

This text has a font color of #9baac4.

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

#9baac4 background color

This paragraph has a background color of #9baac4.

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

#9baac4 border color

This element has a border color of #9baac4.

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

CSS codes

.text {color:#9baac4;}

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

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

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, #07080b is the darkest color, while #fefefe is the lightest one.

#07080b
```
#07080b rgb(7,8,11)
```
#0e1117
```
#0e1117 rgb(14,17,23)
```
#151a24
```
#151a24 rgb(21,26,36)
```
#1c2430
```
#1c2430 rgb(28,36,48)
```
#242d3c
```
#242d3c rgb(36,45,60)
```
#2b3649
```
#2b3649 rgb(43,54,73)
```
#323f55
```
#323f55 rgb(50,63,85)
```
#394861
```
#394861 rgb(57,72,97)
```
#41516e
```
#41516e rgb(65,81,110)
```
#485a7a
```
#485a7a rgb(72,90,122)
```
#4f6386
```
#4f6386 rgb(79,99,134)
```
#576d93
```
#576d93 rgb(87,109,147)
```
#5e769f
```
#5e769f rgb(94,118,159)
```

Shade Color Variation

#6a80a7
```
#6a80a7 rgb(106,128,167)
```
#768bae
```
#768bae rgb(118,139,174)
```
#8295b5
```
#8295b5 rgb(130,149,181)
```
#8fa0bd
```
#8fa0bd rgb(143,160,189)
```
#9baac4
```
#9baac4 rgb(155,170,196)
```
#a7b4cb
```
#a7b4cb rgb(167,180,203)
```
#b4bfd3
```
#b4bfd3 rgb(180,191,211)
```
#c0c9da
```
#c0c9da rgb(192,201,218)
```
#ccd4e1
```
#ccd4e1 rgb(204,212,225)
```
#d9dee8
```
#d9dee8 rgb(217,222,232)
```
#e5e9f0
```
#e5e9f0 rgb(229,233,240)
```
#f1f3f7
```
#f1f3f7 rgb(241,243,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#adafb2
```
#adafb2 rgb(173,175,178)
```
#a7adb8
```
#a7adb8 rgb(167,173,184)
```
#a1acbe
```
#a1acbe rgb(161,172,190)
```
#9baac4
```
#9baac4 rgb(155,170,196)
```
#95a8ca
```
#95a8ca rgb(149,168,202)
```
#8fa7d0
```
#8fa7d0 rgb(143,167,208)
```
#89a5d6
```
#89a5d6 rgb(137,165,214)
```
#83a3dc
```
#83a3dc rgb(131,163,220)
```
#7ca2e3
```
#7ca2e3 rgb(124,162,227)
```
#76a0e9
```
#76a0e9 rgb(118,160,233)
```
#709fef
```
#709fef rgb(112,159,239)
```
#6a9df5
```
#6a9df5 rgb(106,157,245)
```
#649bfb
```
#649bfb rgb(100,155,251)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a5a8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8acc5 Protanopia 1% of men
#afa9c8 Deuteranopia 1% of men
#9db0bc Tritanopia 0.001% of the population

Trichromacy

#a3abc5 Protanomaly 1% of men, 0.01% of women
#a8a9c6 Deuteranomaly 6% of men, 0.4% of women
#9cadbf Tritanomaly 0.01% of the population

#9baac4 hex color

#9baac4 Color Information

#9baac4 Color Conversion

Color Schemes with #9baac4

Alternatives to #9baac4

#9baac4 Preview

Shades and Tints of #9baac4

Tones of #9baac4

Color Blindness Simulator