#9699bd hex color

In a RGB color space, hex #9699bd is composed of 58.8% red, 60% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 19% magenta, 0% yellow and 25.9% black. It has a hue angle of 235.4 degrees, a saturation of 22.8% and a lightness of 66.5%. #9699bd color hex could be obtained by blending #ffffff with #2d337b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 60
- B 74
RGB color chart
- C 21
- M 19
- Y 0
- K 26
CMYK color chart

● #9699bd color description : Grayish blue.

The hexadecimal color #9699bd has RGB values of R:150, G:153, B:189 and CMYK values of C:0.21, M:0.19, Y:0, K:0.26. Its decimal value is 9869757.

Hex triplet	9699bd	`#9699bd`
RGB Decimal	150, 153, 189	`rgb(150,153,189)`
RGB Percent	58.8, 60, 74.1	`rgb(58.8%,60%,74.1%)`
CMYK	21, 19, 0, 26
HSL	235.4°, 22.8, 66.5	`hsl(235.4,22.8%,66.5%)`
HSV (or HSB)	235.4°, 20.6, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.113, 6.649, -18.957
XYZ	33.152, 32.94, 52.753
xyY	0.279, 0.277, 32.94
CIE-LCH	64.113, 20.089, 289.33
CIE-LUV	64.113, -3.662, -29.896
Hunter-Lab	57.394, 2.669, -14.32
Binary	10010110, 10011001, 10111101

#9699bd
```
#9699bd rgb(150,153,189)
```
#bdba96
```
#bdba96 rgb(189,186,150)
```

Complementary Color

#96adbd
```
#96adbd rgb(150,173,189)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#a796bd
```
#a796bd rgb(167,150,189)
```

Analogous Color

#adbd96
```
#adbd96 rgb(173,189,150)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#bda796
```
#bda796 rgb(189,167,150)
```

Split Complementary Color

#99bd96
```
#99bd96 rgb(153,189,150)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#bd9699
```
#bd9699 rgb(189,150,153)
```

Triadic Color

#96bdba
```
#96bdba rgb(150,189,186)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#bd9699
```
#bd9699 rgb(189,150,153)
```
#bdba96
```
#bdba96 rgb(189,186,150)
```

Tetradic Color

#676b9f
```
#676b9f rgb(103,107,159)
```
#777ba9
```
#777ba9 rgb(119,123,169)
```
#868ab3
```
#868ab3 rgb(134,138,179)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#a6a8c7
```
#a6a8c7 rgb(166,168,199)
```
#b5b7d1
```
#b5b7d1 rgb(181,183,209)
```
#c5c7db
```
#c5c7db rgb(197,199,219)
```

Monochromatic Color

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

#96a3bd
```
#96a3bd rgb(150,163,189)
```
#96a0bd
```
#96a0bd rgb(150,160,189)
```
#969cbd
```
#969cbd rgb(150,156,189)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#9696bd
```
#9696bd rgb(150,150,189)
```
#9a96bd
```
#9a96bd rgb(154,150,189)
```
#9d96bd
```
#9d96bd rgb(157,150,189)
```

Similar Colors

Text with hexadecimal color #9699bd

This text has a font color of #9699bd.

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

#9699bd background color

This paragraph has a background color of #9699bd.

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

#9699bd border color

This element has a border color of #9699bd.

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

CSS codes

.text {color:#9699bd;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0a0f
```
#0a0a0f rgb(10,10,15)
```
#11121b
```
#11121b rgb(17,18,27)
```
#191a28
```
#191a28 rgb(25,26,40)
```
#202234
```
#202234 rgb(32,34,52)
```
#282a40
```
#282a40 rgb(40,42,64)
```
#30324c
```
#30324c rgb(48,50,76)
```
#373a58
```
#373a58 rgb(55,58,88)
```
#3f4264
```
#3f4264 rgb(63,66,100)
```
#464970
```
#464970 rgb(70,73,112)
```
#4e517c
```
#4e517c rgb(78,81,124)
```
#555988
```
#555988 rgb(85,89,136)
```
#5d6194
```
#5d6194 rgb(93,97,148)
```

Shade Color Variation

#666a9f
```
#666a9f rgb(102,106,159)
```
#7276a6
```
#7276a6 rgb(114,118,166)
```
#7e82ae
```
#7e82ae rgb(126,130,174)
```
#8a8db5
```
#8a8db5 rgb(138,141,181)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#a2a5c5
```
#a2a5c5 rgb(162,165,197)
```
#aeb0cc
```
#aeb0cc rgb(174,176,204)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#c6c8db
```
#c6c8db rgb(198,200,219)
```
#d2d4e3
```
#d2d4e3 rgb(210,212,227)
```
#dedfea
```
#dedfea rgb(222,223,234)
```
#eaebf2
```
#eaebf2 rgb(234,235,242)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#a3a4b0
```
#a3a4b0 rgb(163,164,176)
```
#9d9fb6
```
#9d9fb6 rgb(157,159,182)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#8f93c4
```
#8f93c4 rgb(143,147,196)
```
#898eca
```
#898eca rgb(137,142,202)
```
#8288d1
```
#8288d1 rgb(130,136,209)
```
#7c83d7
```
#7c83d7 rgb(124,131,215)
```
#757dde
```
#757dde rgb(117,125,222)
```
#6f78e4
```
#6f78e4 rgb(111,120,228)
```
#6872eb
```
#6872eb rgb(104,114,235)
```
#616cf2
```
#616cf2 rgb(97,108,242)
```
#5b67f8
```
#5b67f8 rgb(91,103,248)
```
#5461ff
```
#5461ff rgb(84,97,255)
```

Tone Color Variation

Below, you can see how #9699bd 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
#9b9ba3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989fc0 Protanopia 1% of men
#9e9dc0 Deuteranopia 1% of men
#97a1ad Tritanopia 0.001% of the population

Trichromacy

#979cbf Protanomaly 1% of men, 0.01% of women
#9b9bbf Deuteranomaly 6% of men, 0.4% of women
#969eb3 Tritanomaly 0.01% of the population

#9699bd hex color

#9699bd Color Information

#9699bd Color Conversion

Color Schemes with #9699bd

Alternatives to #9699bd

#9699bd Preview

Shades and Tints of #9699bd

Tones of #9699bd

Color Blindness Simulator