#9ba3c6 hex color

In a RGB color space, hex #9ba3c6 is composed of 60.8% red, 63.9% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 17.7% magenta, 0% yellow and 22.4% black. It has a hue angle of 228.8 degrees, a saturation of 27.4% and a lightness of 69.2%. #9ba3c6 color hex could be obtained by blending #ffffff with #37478d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 64
- B 78
RGB color chart
- C 22
- M 18
- Y 0
- K 22
CMYK color chart

● #9ba3c6 color description : Grayish blue.

The hexadecimal color #9ba3c6 has RGB values of R:155, G:163, B:198 and CMYK values of C:0.22, M:0.18, Y:0, K:0.22. Its decimal value is 10200006.

Hex triplet	9ba3c6	`#9ba3c6`
RGB Decimal	155, 163, 198	`rgb(155,163,198)`
RGB Percent	60.8, 63.9, 77.6	`rgb(60.8%,63.9%,77.6%)`
CMYK	22, 18, 0, 22
HSL	228.8°, 27.4, 69.2	`hsl(228.8,27.4%,69.2%)`
HSV (or HSB)	228.8°, 21.7, 77.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.456, 4.717, -18.859
XYZ	36.806, 37.24, 58.672
xyY	0.277, 0.281, 37.24
CIE-LCH	67.456, 19.44, 284.042
CIE-LUV	67.456, -6.131, -29.699
Hunter-Lab	61.024, 0.867, -14.287
Binary	10011011, 10100011, 11000110

#9ba3c6
```
#9ba3c6 rgb(155,163,198)
```
#c6be9b
```
#c6be9b rgb(198,190,155)
```

Complementary Color

#9bb9c6
```
#9bb9c6 rgb(155,185,198)
```
#9ba3c6
```
#9ba3c6 rgb(155,163,198)
```
#a99bc6
```
#a99bc6 rgb(169,155,198)
```

Analogous Color

#b9c69b
```
#b9c69b rgb(185,198,155)
```
#9ba3c6
```
#9ba3c6 rgb(155,163,198)
```
#c6a99b
```
#c6a99b rgb(198,169,155)
```

Split Complementary Color

#a3c69b
```
#a3c69b rgb(163,198,155)
```
#9ba3c6
```
#9ba3c6 rgb(155,163,198)
```
#c69ba3
```
#c69ba3 rgb(198,155,163)
```

Triadic Color

#9bc6be
```
#9bc6be rgb(155,198,190)
```
#9ba3c6
```
#9ba3c6 rgb(155,163,198)
```
#c69ba3
```
#c69ba3 rgb(198,155,163)
```
#c6be9b
```
#c6be9b rgb(198,190,155)
```

Tetradic Color

#6a76aa
```
#6a76aa rgb(106,118,170)
```
#7b85b3
```
#7b85b3 rgb(123,133,179)
```
#8b94bd
```
#8b94bd rgb(139,148,189)
```
#9ba3c6
```
#9ba3c6 rgb(155,163,198)
```
#abb2cf
```
#abb2cf rgb(171,178,207)
```
#bbc1d9
```
#bbc1d9 rgb(187,193,217)
```
#ccd0e2
```
#ccd0e2 rgb(204,208,226)
```

Monochromatic Color

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

#9baec6
```
#9baec6 rgb(155,174,198)
```
#9baac6
```
#9baac6 rgb(155,170,198)
```
#9ba7c6
```
#9ba7c6 rgb(155,167,198)
```
#9ba3c6
```
#9ba3c6 rgb(155,163,198)
```
#9b9fc6
```
#9b9fc6 rgb(155,159,198)
```
#9b9cc6
```
#9b9cc6 rgb(155,156,198)
```
#9e9bc6
```
#9e9bc6 rgb(158,155,198)
```

Similar Colors

Text with hexadecimal color #9ba3c6

This text has a font color of #9ba3c6.

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

#9ba3c6 background color

This paragraph has a background color of #9ba3c6.

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

#9ba3c6 border color

This element has a border color of #9ba3c6.

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

CSS codes

.text {color:#9ba3c6;}

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

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

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

#07080c
```
#07080c rgb(7,8,12)
```
#0e1019
```
#0e1019 rgb(14,16,25)
```
#151825
```
#151825 rgb(21,24,37)
```
#1c2032
```
#1c2032 rgb(28,32,50)
```
#24293e
```
#24293e rgb(36,41,62)
```
#2b314b
```
#2b314b rgb(43,49,75)
```
#323957
```
#323957 rgb(50,57,87)
```
#394164
```
#394164 rgb(57,65,100)
```
#404970
```
#404970 rgb(64,73,112)
```
#47517d
```
#47517d rgb(71,81,125)
```
#4e5989
```
#4e5989 rgb(78,89,137)
```
#556196
```
#556196 rgb(85,97,150)
```
#5d6aa2
```
#5d6aa2 rgb(93,106,162)
```

Shade Color Variation

#6975aa
```
#6975aa rgb(105,117,170)
```
#7681b1
```
#7681b1 rgb(118,129,177)
```
#828cb8
```
#828cb8 rgb(130,140,184)
```
#8f98bf
```
#8f98bf rgb(143,152,191)
```
#9ba3c6
```
#9ba3c6 rgb(155,163,198)
```
#a7aecd
```
#a7aecd rgb(167,174,205)
```
#b4bad4
```
#b4bad4 rgb(180,186,212)
```
#c0c5db
```
#c0c5db rgb(192,197,219)
```
#cdd1e2
```
#cdd1e2 rgb(205,209,226)
```
#d9dcea
```
#d9dcea rgb(217,220,234)
```
#e6e8f1
```
#e6e8f1 rgb(230,232,241)
```
#f2f3f8
```
#f2f3f8 rgb(242,243,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#adaeb4
```
#adaeb4 rgb(173,174,180)
```
#a7abba
```
#a7abba rgb(167,171,186)
```
#a1a7c0
```
#a1a7c0 rgb(161,167,192)
```
#9ba3c6
```
#9ba3c6 rgb(155,163,198)
```
#959fcc
```
#959fcc rgb(149,159,204)
```
#8f9bd2
```
#8f9bd2 rgb(143,155,210)
```
#8998d8
```
#8998d8 rgb(137,152,216)
```
#8394de
```
#8394de rgb(131,148,222)
```
#7d90e4
```
#7d90e4 rgb(125,144,228)
```
#778cea
```
#778cea rgb(119,140,234)
```
#7188f0
```
#7188f0 rgb(113,136,240)
```
#6b85f6
```
#6b85f6 rgb(107,133,246)
```
#6581fc
```
#6581fc rgb(101,129,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a3a5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a7c8 Protanopia 1% of men
#a7a5c9 Deuteranopia 1% of men
#9cabb7 Tritanopia 0.001% of the population

Trichromacy

#9ea5c7 Protanomaly 1% of men, 0.01% of women
#a2a4c8 Deuteranomaly 6% of men, 0.4% of women
#9ba8bc Tritanomaly 0.01% of the population

#9ba3c6 hex color

#9ba3c6 Color Information

#9ba3c6 Color Conversion

Color Schemes with #9ba3c6

Alternatives to #9ba3c6

#9ba3c6 Preview

Shades and Tints of #9ba3c6

Tones of #9ba3c6

Color Blindness Simulator