#9699ba hex color

In a RGB color space, hex #9699ba is composed of 58.8% red, 60% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 17.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 235 degrees, a saturation of 20.7% and a lightness of 65.9%. #9699ba color hex could be obtained by blending #ffffff with #2d3375. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 60
- B 73
RGB color chart
- C 19
- M 18
- Y 0
- K 27
CMYK color chart

● #9699ba color description : Grayish blue.

The hexadecimal color #9699ba has RGB values of R:150, G:153, B:186 and CMYK values of C:0.19, M:0.18, Y:0, K:0.27. Its decimal value is 9869754.

Hex triplet	9699ba	`#9699ba`
RGB Decimal	150, 153, 186	`rgb(150,153,186)`
RGB Percent	58.8, 60, 72.9	`rgb(58.8%,60%,72.9%)`
CMYK	19, 18, 0, 27
HSL	235°, 20.7, 65.9	`hsl(235,20.7%,65.9%)`
HSV (or HSB)	235°, 19.4, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.008, 5.956, -17.434
XYZ	32.83, 32.811, 51.055
xyY	0.281, 0.281, 32.811
CIE-LCH	64.008, 18.423, 288.863
CIE-LUV	64.008, -3.494, -27.371
Hunter-Lab	57.281, 2.063, -12.749
Binary	10010110, 10011001, 10111010

#9699ba
```
#9699ba rgb(150,153,186)
```
#bab796
```
#bab796 rgb(186,183,150)
```

Complementary Color

#96abba
```
#96abba rgb(150,171,186)
```
#9699ba
```
#9699ba rgb(150,153,186)
```
#a596ba
```
#a596ba rgb(165,150,186)
```

Analogous Color

#abba96
```
#abba96 rgb(171,186,150)
```
#9699ba
```
#9699ba rgb(150,153,186)
```
#baa596
```
#baa596 rgb(186,165,150)
```

Split Complementary Color

#99ba96
```
#99ba96 rgb(153,186,150)
```
#9699ba
```
#9699ba rgb(150,153,186)
```
#ba9699
```
#ba9699 rgb(186,150,153)
```

Triadic Color

#96bab7
```
#96bab7 rgb(150,186,183)
```
#9699ba
```
#9699ba rgb(150,153,186)
```
#ba9699
```
#ba9699 rgb(186,150,153)
```
#bab796
```
#bab796 rgb(186,183,150)
```

Tetradic Color

#686c9c
```
#686c9c rgb(104,108,156)
```
#777ba6
```
#777ba6 rgb(119,123,166)
```
#878ab0
```
#878ab0 rgb(135,138,176)
```
#9699ba
```
#9699ba rgb(150,153,186)
```
#a5a8c4
```
#a5a8c4 rgb(165,168,196)
```
#b5b7ce
```
#b5b7ce rgb(181,183,206)
```
#c4c6d8
```
#c4c6d8 rgb(196,198,216)
```

Monochromatic Color

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

#96a2ba
```
#96a2ba rgb(150,162,186)
```
#969fba
```
#969fba rgb(150,159,186)
```
#969cba
```
#969cba rgb(150,156,186)
```
#9699ba
```
#9699ba rgb(150,153,186)
```
#9696ba
```
#9696ba rgb(150,150,186)
```
#9996ba
```
#9996ba rgb(153,150,186)
```
#9c96ba
```
#9c96ba rgb(156,150,186)
```

Similar Colors

Text with hexadecimal color #9699ba

This text has a font color of #9699ba.

<span style="color:#9699ba;">Text here</span>

#9699ba background color

This paragraph has a background color of #9699ba.

<p style="background-color:#9699ba;">Content here</p>

#9699ba border color

This element has a border color of #9699ba.

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

CSS codes

.text {color:#9699ba;}

.background {background-color:#9699ba;}

.border {border:1px solid #9699ba;}

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

#010102
```
#010102 rgb(1,1,2)
```
#09090d
```
#09090d rgb(9,9,13)
```
#111119
```
#111119 rgb(17,17,25)
```
#181925
```
#181925 rgb(24,25,37)
```
#202231
```
#202231 rgb(32,34,49)
```
#282a3d
```
#282a3d rgb(40,42,61)
```
#303249
```
#303249 rgb(48,50,73)
```
#373a54
```
#373a54 rgb(55,58,84)
```
#3f4260
```
#3f4260 rgb(63,66,96)
```
#474a6c
```
#474a6c rgb(71,74,108)
```
#4f5278
```
#4f5278 rgb(79,82,120)
```
#575a84
```
#575a84 rgb(87,90,132)
```
#5e6290
```
#5e6290 rgb(94,98,144)
```

Shade Color Variation

#676b9b
```
#676b9b rgb(103,107,155)
```
#7277a3
```
#7277a3 rgb(114,119,163)
```
#7e82aa
```
#7e82aa rgb(126,130,170)
```
#8a8eb2
```
#8a8eb2 rgb(138,142,178)
```
#9699ba
```
#9699ba rgb(150,153,186)
```
#a2a4c2
```
#a2a4c2 rgb(162,164,194)
```
#aeb0ca
```
#aeb0ca rgb(174,176,202)
```
#babbd1
```
#babbd1 rgb(186,187,209)
```
#c5c7d9
```
#c5c7d9 rgb(197,199,217)
```
#d1d2e1
```
#d1d2e1 rgb(209,210,225)
```
#dddee9
```
#dddee9 rgb(221,222,233)
```
#e9e9f0
```
#e9e9f0 rgb(233,233,240)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

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

#a3a4ad
```
#a3a4ad rgb(163,164,173)
```
#9d9fb3
```
#9d9fb3 rgb(157,159,179)
```
#9699ba
```
#9699ba rgb(150,153,186)
```
#8f93c1
```
#8f93c1 rgb(143,147,193)
```
#898ec7
```
#898ec7 rgb(137,142,199)
```
#8288ce
```
#8288ce rgb(130,136,206)
```
#7b83d5
```
#7b83d5 rgb(123,131,213)
```
#757ddb
```
#757ddb rgb(117,125,219)
```
#6e78e2
```
#6e78e2 rgb(110,120,226)
```
#6772e9
```
#6772e9 rgb(103,114,233)
```
#606cf0
```
#606cf0 rgb(96,108,240)
```
#5a67f6
```
#5a67f6 rgb(90,103,246)
```
#5361fd
```
#5361fd rgb(83,97,253)
```

Tone Color Variation

Below, you can see how #9699ba 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

#9c9c9c Achromatopsia 0.005% of the population
#9b9ba2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999ebd Protanopia 1% of men
#9f9dbe Deuteranopia 1% of men
#97a1ac Tritanopia 0.001% of the population

Trichromacy

#989cbc Protanomaly 1% of men, 0.01% of women
#9c9bbc Deuteranomaly 6% of men, 0.4% of women
#979eb1 Tritanomaly 0.01% of the population

#9699ba hex color

#9699ba Color Information

#9699ba Color Conversion

Color Schemes with #9699ba

Alternatives to #9699ba

#9699ba Preview

Shades and Tints of #9699ba

Tones of #9699ba

Color Blindness Simulator