#9699b8 hex color

In a RGB color space, hex #9699b8 is composed of 58.8% red, 60% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 16.8% magenta, 0% yellow and 27.8% black. It has a hue angle of 234.7 degrees, a saturation of 19.3% and a lightness of 65.5%. #9699b8 color hex could be obtained by blending #ffffff with #2d3371. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 60
- B 72
RGB color chart
- C 18
- M 17
- Y 0
- K 28
CMYK color chart

● #9699b8 color description : Grayish blue.

The hexadecimal color #9699b8 has RGB values of R:150, G:153, B:184 and CMYK values of C:0.18, M:0.17, Y:0, K:0.28. Its decimal value is 9869752.

Hex triplet	9699b8	`#9699b8`
RGB Decimal	150, 153, 184	`rgb(150,153,184)`
RGB Percent	58.8, 60, 72.2	`rgb(58.8%,60%,72.2%)`
CMYK	18, 17, 0, 28
HSL	234.7°, 19.3, 65.5	`hsl(234.7,19.3%,65.5%)`
HSV (or HSB)	234.7°, 18.5, 72.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.939, 5.499, -16.416
XYZ	32.619, 32.727, 49.943
xyY	0.283, 0.284, 32.727
CIE-LCH	63.939, 17.312, 288.519
CIE-LUV	63.939, -3.382, -25.692
Hunter-Lab	57.207, 1.666, -11.716
Binary	10010110, 10011001, 10111000

#9699b8
```
#9699b8 rgb(150,153,184)
```
#b8b596
```
#b8b596 rgb(184,181,150)
```

Complementary Color

#96aab8
```
#96aab8 rgb(150,170,184)
```
#9699b8
```
#9699b8 rgb(150,153,184)
```
#a496b8
```
#a496b8 rgb(164,150,184)
```

Analogous Color

#aab896
```
#aab896 rgb(170,184,150)
```
#9699b8
```
#9699b8 rgb(150,153,184)
```
#b8a496
```
#b8a496 rgb(184,164,150)
```

Split Complementary Color

#99b896
```
#99b896 rgb(153,184,150)
```
#9699b8
```
#9699b8 rgb(150,153,184)
```
#b89699
```
#b89699 rgb(184,150,153)
```

Triadic Color

#96b8b5
```
#96b8b5 rgb(150,184,181)
```
#9699b8
```
#9699b8 rgb(150,153,184)
```
#b89699
```
#b89699 rgb(184,150,153)
```
#b8b596
```
#b8b596 rgb(184,181,150)
```

Tetradic Color

#686d99
```
#686d99 rgb(104,109,153)
```
#787ba3
```
#787ba3 rgb(120,123,163)
```
#878aae
```
#878aae rgb(135,138,174)
```
#9699b8
```
#9699b8 rgb(150,153,184)
```
#a5a8c2
```
#a5a8c2 rgb(165,168,194)
```
#b4b7cd
```
#b4b7cd rgb(180,183,205)
```
#c4c5d7
```
#c4c5d7 rgb(196,197,215)
```

Monochromatic Color

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

#96a2b8
```
#96a2b8 rgb(150,162,184)
```
#969fb8
```
#969fb8 rgb(150,159,184)
```
#969cb8
```
#969cb8 rgb(150,156,184)
```
#9699b8
```
#9699b8 rgb(150,153,184)
```
#9696b8
```
#9696b8 rgb(150,150,184)
```
#9996b8
```
#9996b8 rgb(153,150,184)
```
#9c96b8
```
#9c96b8 rgb(156,150,184)
```

Similar Colors

Text with hexadecimal color #9699b8

This text has a font color of #9699b8.

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

#9699b8 background color

This paragraph has a background color of #9699b8.

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

#9699b8 border color

This element has a border color of #9699b8.

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

CSS codes

.text {color:#9699b8;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08080c
```
#08080c rgb(8,8,12)
```
#101118
```
#101118 rgb(16,17,24)
```
#181923
```
#181923 rgb(24,25,35)
```
#20212f
```
#20212f rgb(32,33,47)
```
#28293b
```
#28293b rgb(40,41,59)
```
#303247
```
#303247 rgb(48,50,71)
```
#383a52
```
#383a52 rgb(56,58,82)
```
#40425e
```
#40425e rgb(64,66,94)
```
#474a6a
```
#474a6a rgb(71,74,106)
```
#4f5375
```
#4f5375 rgb(79,83,117)
```
#575b81
```
#575b81 rgb(87,91,129)
```
#5f638d
```
#5f638d rgb(95,99,141)
```

Shade Color Variation

#676c98
```
#676c98 rgb(103,108,152)
```
#7377a0
```
#7377a0 rgb(115,119,160)
```
#7f82a8
```
#7f82a8 rgb(127,130,168)
```
#8a8eb0
```
#8a8eb0 rgb(138,142,176)
```
#9699b8
```
#9699b8 rgb(150,153,184)
```
#a2a4c0
```
#a2a4c0 rgb(162,164,192)
```
#adb0c8
```
#adb0c8 rgb(173,176,200)
```
#b9bbd0
```
#b9bbd0 rgb(185,187,208)
```
#c5c6d8
```
#c5c6d8 rgb(197,198,216)
```
#d1d2e0
```
#d1d2e0 rgb(209,210,224)
```
#dcdde7
```
#dcdde7 rgb(220,221,231)
```
#e8e9ef
```
#e8e9ef rgb(232,233,239)
```
#f4f4f7
```
#f4f4f7 rgb(244,244,247)
```

Tint Color Variation

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

#a4a4aa
```
#a4a4aa rgb(164,164,170)
```
#9d9fb1
```
#9d9fb1 rgb(157,159,177)
```
#9699b8
```
#9699b8 rgb(150,153,184)
```
#8f93bf
```
#8f93bf rgb(143,147,191)
```
#888ec6
```
#888ec6 rgb(136,142,198)
```
#8288cc
```
#8288cc rgb(130,136,204)
```
#7b83d3
```
#7b83d3 rgb(123,131,211)
```
#747dda
```
#747dda rgb(116,125,218)
```
#6d78e1
```
#6d78e1 rgb(109,120,225)
```
#6772e7
```
#6772e7 rgb(103,114,231)
```
#606cee
```
#606cee rgb(96,108,238)
```
#5967f5
```
#5967f5 rgb(89,103,245)
```
#5261fc
```
#5261fc rgb(82,97,252)
```

Tone Color Variation

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

#999ebb Protanopia 1% of men
#a09cbc Deuteranopia 1% of men
#98a1ac Tritanopia 0.001% of the population

Trichromacy

#989cba Protanomaly 1% of men, 0.01% of women
#9c9bba Deuteranomaly 6% of men, 0.4% of women
#979eb0 Tritanomaly 0.01% of the population

#9699b8 hex color

#9699b8 Color Information

#9699b8 Color Conversion

Color Schemes with #9699b8

Alternatives to #9699b8

#9699b8 Preview

Shades and Tints of #9699b8

Tones of #9699b8

Color Blindness Simulator