#9699b3 hex color

In a RGB color space, hex #9699b3 is composed of 58.8% red, 60% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 14.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 233.8 degrees, a saturation of 16% and a lightness of 64.5%. #9699b3 color hex could be obtained by blending #ffffff with #2d3367. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 60
- B 70
RGB color chart
- C 16
- M 15
- Y 0
- K 30
CMYK color chart

● #9699b3 color description : Grayish blue.

The hexadecimal color #9699b3 has RGB values of R:150, G:153, B:179 and CMYK values of C:0.16, M:0.15, Y:0, K:0.3. Its decimal value is 9869747.

Hex triplet	9699b3	`#9699b3`
RGB Decimal	150, 153, 179	`rgb(150,153,179)`
RGB Percent	58.8, 60, 70.2	`rgb(58.8%,60%,70.2%)`
CMYK	16, 15, 0, 30
HSL	233.8°, 16, 64.5	`hsl(233.8,16%,64.5%)`
HSV (or HSB)	233.8°, 16.2, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.771, 4.371, -13.861
XYZ	32.104, 32.521, 47.231
xyY	0.287, 0.291, 32.521
CIE-LCH	63.771, 14.534, 287.502
CIE-LUV	63.771, -3.104, -21.513
Hunter-Lab	57.027, 0.691, -9.186
Binary	10010110, 10011001, 10110011

#9699b3
```
#9699b3 rgb(150,153,179)
```
#b3b096
```
#b3b096 rgb(179,176,150)
```

Complementary Color

#96a8b3
```
#96a8b3 rgb(150,168,179)
```
#9699b3
```
#9699b3 rgb(150,153,179)
```
#a296b3
```
#a296b3 rgb(162,150,179)
```

Analogous Color

#a8b396
```
#a8b396 rgb(168,179,150)
```
#9699b3
```
#9699b3 rgb(150,153,179)
```
#b3a296
```
#b3a296 rgb(179,162,150)
```

Split Complementary Color

#99b396
```
#99b396 rgb(153,179,150)
```
#9699b3
```
#9699b3 rgb(150,153,179)
```
#b39699
```
#b39699 rgb(179,150,153)
```

Triadic Color

#96b3b0
```
#96b3b0 rgb(150,179,176)
```
#9699b3
```
#9699b3 rgb(150,153,179)
```
#b39699
```
#b39699 rgb(179,150,153)
```
#b3b096
```
#b3b096 rgb(179,176,150)
```

Tetradic Color

#6a6e92
```
#6a6e92 rgb(106,110,146)
```
#787c9e
```
#787c9e rgb(120,124,158)
```
#878ba8
```
#878ba8 rgb(135,139,168)
```
#9699b3
```
#9699b3 rgb(150,153,179)
```
#a5a7be
```
#a5a7be rgb(165,167,190)
```
#b4b6c8
```
#b4b6c8 rgb(180,182,200)
```
#c2c4d3
```
#c2c4d3 rgb(194,196,211)
```

Monochromatic Color

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

#96a0b3
```
#96a0b3 rgb(150,160,179)
```
#969eb3
```
#969eb3 rgb(150,158,179)
```
#969bb3
```
#969bb3 rgb(150,155,179)
```
#9699b3
```
#9699b3 rgb(150,153,179)
```
#9697b3
```
#9697b3 rgb(150,151,179)
```
#9896b3
```
#9896b3 rgb(152,150,179)
```
#9a96b3
```
#9a96b3 rgb(154,150,179)
```

Similar Colors

Text with hexadecimal color #9699b3

This text has a font color of #9699b3.

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

#9699b3 background color

This paragraph has a background color of #9699b3.

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

#9699b3 border color

This element has a border color of #9699b3.

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

CSS codes

.text {color:#9699b3;}

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

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0f0f14
```
#0f0f14 rgb(15,15,20)
```
#171820
```
#171820 rgb(23,24,32)
```
#1f202b
```
#1f202b rgb(31,32,43)
```
#272936
```
#272936 rgb(39,41,54)
```
#303142
```
#303142 rgb(48,49,66)
```
#383a4d
```
#383a4d rgb(56,58,77)
```
#404358
```
#404358 rgb(64,67,88)
```
#484b64
```
#484b64 rgb(72,75,100)
```
#50546f
```
#50546f rgb(80,84,111)
```
#595c7b
```
#595c7b rgb(89,92,123)
```
#616586
```
#616586 rgb(97,101,134)
```
#696d91
```
#696d91 rgb(105,109,145)
```

Shade Color Variation

#74789a
```
#74789a rgb(116,120,154)
```
#7f83a3
```
#7f83a3 rgb(127,131,163)
```
#8b8eab
```
#8b8eab rgb(139,142,171)
```
#9699b3
```
#9699b3 rgb(150,153,179)
```
#a1a4bb
```
#a1a4bb rgb(161,164,187)
```
#adafc3
```
#adafc3 rgb(173,175,195)
```
#b8bacc
```
#b8bacc rgb(184,186,204)
```
#c4c5d4
```
#c4c5d4 rgb(196,197,212)
```
#cfd0dc
```
#cfd0dc rgb(207,208,220)
```
#dadbe4
```
#dadbe4 rgb(218,219,228)
```
#e6e6ed
```
#e6e6ed rgb(230,230,237)
```
#f1f1f5
```
#f1f1f5 rgb(241,241,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#a4a4a5
```
#a4a4a5 rgb(164,164,165)
```
#9d9fac
```
#9d9fac rgb(157,159,172)
```
#9699b3
```
#9699b3 rgb(150,153,179)
```
#8f93ba
```
#8f93ba rgb(143,147,186)
```
#888ec1
```
#888ec1 rgb(136,142,193)
```
#8188c8
```
#8188c8 rgb(129,136,200)
```
#7a83cf
```
#7a83cf rgb(122,131,207)
```
#737dd6
```
#737dd6 rgb(115,125,214)
```
#6c78dd
```
#6c78dd rgb(108,120,221)
```
#6572e4
```
#6572e4 rgb(101,114,228)
```
#5e6deb
```
#5e6deb rgb(94,109,235)
```
#5767f2
```
#5767f2 rgb(87,103,242)
```
#5062f9
```
#5062f9 rgb(80,98,249)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#9a9ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9eb7 Protanopia 1% of men
#a29cb7 Deuteranopia 1% of men
#99a0ab Tritanopia 0.001% of the population

Trichromacy

#999cb5 Protanomaly 1% of men, 0.01% of women
#9d9bb5 Deuteranomaly 6% of men, 0.4% of women
#979dae Tritanomaly 0.01% of the population

#9699b3 hex color

#9699b3 Color Information

#9699b3 Color Conversion

Color Schemes with #9699b3

Alternatives to #9699b3

#9699b3 Preview

Shades and Tints of #9699b3

Tones of #9699b3

Color Blindness Simulator