#9ba9c4 hex color

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

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

● #9ba9c4 color description : Grayish blue.

The hexadecimal color #9ba9c4 has RGB values of R:155, G:169, B:196 and CMYK values of C:0.21, M:0.14, Y:0, K:0.23. Its decimal value is 10201540.

Hex triplet	9ba9c4	`#9ba9c4`
RGB Decimal	155, 169, 196	`rgb(155,169,196)`
RGB Percent	60.8, 66.3, 76.9	`rgb(60.8%,66.3%,76.9%)`
CMYK	21, 14, 0, 23
HSL	219.5°, 25.8, 68.8	`hsl(219.5,25.8%,68.8%)`
HSV (or HSB)	219.5°, 20.9, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.989, 0.932, -15.433
XYZ	37.667, 39.329, 57.828
xyY	0.279, 0.292, 39.329
CIE-LCH	68.989, 15.461, 273.454
CIE-LUV	68.989, -8.754, -23.753
Hunter-Lab	62.713, -2.536, -10.773
Binary	10011011, 10101001, 11000100

#9ba9c4
```
#9ba9c4 rgb(155,169,196)
```
#c4b69b
```
#c4b69b rgb(196,182,155)
```

Complementary Color

#9bbec4
```
#9bbec4 rgb(155,190,196)
```
#9ba9c4
```
#9ba9c4 rgb(155,169,196)
```
#a29bc4
```
#a29bc4 rgb(162,155,196)
```

Analogous Color

#bec49b
```
#bec49b rgb(190,196,155)
```
#9ba9c4
```
#9ba9c4 rgb(155,169,196)
```
#c4a29b
```
#c4a29b rgb(196,162,155)
```

Split Complementary Color

#a9c49b
```
#a9c49b rgb(169,196,155)
```
#9ba9c4
```
#9ba9c4 rgb(155,169,196)
```
#c49ba9
```
#c49ba9 rgb(196,155,169)
```

Triadic Color

#9bc4b6
```
#9bc4b6 rgb(155,196,182)
```
#9ba9c4
```
#9ba9c4 rgb(155,169,196)
```
#c49ba9
```
#c49ba9 rgb(196,155,169)
```
#c4b69b
```
#c4b69b rgb(196,182,155)
```

Tetradic Color

#6b80a8
```
#6b80a8 rgb(107,128,168)
```
#7b8db1
```
#7b8db1 rgb(123,141,177)
```
#8b9bbb
```
#8b9bbb rgb(139,155,187)
```
#9ba9c4
```
#9ba9c4 rgb(155,169,196)
```
#abb7cd
```
#abb7cd rgb(171,183,205)
```
#bbc5d7
```
#bbc5d7 rgb(187,197,215)
```
#cbd2e0
```
#cbd2e0 rgb(203,210,224)
```

Monochromatic Color

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

#9bb3c4
```
#9bb3c4 rgb(155,179,196)
```
#9bb0c4
```
#9bb0c4 rgb(155,176,196)
```
#9bacc4
```
#9bacc4 rgb(155,172,196)
```
#9ba9c4
```
#9ba9c4 rgb(155,169,196)
```
#9ba6c4
```
#9ba6c4 rgb(155,166,196)
```
#9ba2c4
```
#9ba2c4 rgb(155,162,196)
```
#9b9fc4
```
#9b9fc4 rgb(155,159,196)
```

Similar Colors

Text with hexadecimal color #9ba9c4

This text has a font color of #9ba9c4.

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

#9ba9c4 background color

This paragraph has a background color of #9ba9c4.

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

#9ba9c4 border color

This element has a border color of #9ba9c4.

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

CSS codes

.text {color:#9ba9c4;}

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

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

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)
```
#1c2330
```
#1c2330 rgb(28,35,48)
```
#242c3c
```
#242c3c rgb(36,44,60)
```
#2b3549
```
#2b3549 rgb(43,53,73)
```
#323e55
```
#323e55 rgb(50,62,85)
```
#394761
```
#394761 rgb(57,71,97)
```
#41506e
```
#41506e rgb(65,80,110)
```
#48597a
```
#48597a rgb(72,89,122)
```
#4f6286
```
#4f6286 rgb(79,98,134)
```
#576b93
```
#576b93 rgb(87,107,147)
```
#5e749f
```
#5e749f rgb(94,116,159)
```

Shade Color Variation

#6a7fa7
```
#6a7fa7 rgb(106,127,167)
```
#7689ae
```
#7689ae rgb(118,137,174)
```
#8294b5
```
#8294b5 rgb(130,148,181)
```
#8f9ebd
```
#8f9ebd rgb(143,158,189)
```
#9ba9c4
```
#9ba9c4 rgb(155,169,196)
```
#a7b4cb
```
#a7b4cb rgb(167,180,203)
```
#b4bed3
```
#b4bed3 rgb(180,190,211)
```
#c0c9da
```
#c0c9da rgb(192,201,218)
```
#ccd3e1
```
#ccd3e1 rgb(204,211,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 #6498fb is the most saturated one.

#adafb2
```
#adafb2 rgb(173,175,178)
```
#a7adb8
```
#a7adb8 rgb(167,173,184)
```
#a1abbe
```
#a1abbe rgb(161,171,190)
```
#9ba9c4
```
#9ba9c4 rgb(155,169,196)
```
#95a7ca
```
#95a7ca rgb(149,167,202)
```
#8fa5d0
```
#8fa5d0 rgb(143,165,208)
```
#89a3d6
```
#89a3d6 rgb(137,163,214)
```
#83a1dc
```
#83a1dc rgb(131,161,220)
```
#7c9fe3
```
#7c9fe3 rgb(124,159,227)
```
#769de9
```
#769de9 rgb(118,157,233)
```
#709bef
```
#709bef rgb(112,155,239)
```
#6a99f5
```
#6a99f5 rgb(106,153,245)
```
#6498fb
```
#6498fb rgb(100,152,251)
```

Tone Color Variation

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

#a7abc5 Protanopia 1% of men
#aea9c8 Deuteranopia 1% of men
#9dafbc Tritanopia 0.001% of the population

Trichromacy

#a3aac5 Protanomaly 1% of men, 0.01% of women
#a7a9c6 Deuteranomaly 6% of men, 0.4% of women
#9cadbe Tritanomaly 0.01% of the population

#9ba9c4 hex color

#9ba9c4 Color Information

#9ba9c4 Color Conversion

Color Schemes with #9ba9c4

Alternatives to #9ba9c4

#9ba9c4 Preview

Shades and Tints of #9ba9c4

Tones of #9ba9c4

Color Blindness Simulator