#9a99bd hex color

In a RGB color space, hex #9a99bd is composed of 60.4% red, 60% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 19% magenta, 0% yellow and 25.9% black. It has a hue angle of 241.7 degrees, a saturation of 21.4% and a lightness of 67.1%. #9a99bd color hex could be obtained by blending #ffffff with #35337b. Closest websafe color is: #9999cc.

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

● #9a99bd color description : Grayish blue.

The hexadecimal color #9a99bd has RGB values of R:154, G:153, B:189 and CMYK values of C:0.19, M:0.19, Y:0, K:0.26. Its decimal value is 10131901.

Hex triplet	9a99bd	`#9a99bd`
RGB Decimal	154, 153, 189	`rgb(154,153,189)`
RGB Percent	60.4, 60, 74.1	`rgb(60.4%,60%,74.1%)`
CMYK	19, 19, 0, 26
HSL	241.7°, 21.4, 67.1	`hsl(241.7,21.4%,67.1%)`
HSV (or HSB)	241.7°, 19, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.424, 7.936, -18.454
XYZ	33.901, 33.326, 52.788
xyY	0.282, 0.278, 33.326
CIE-LCH	64.424, 20.088, 293.269
CIE-LUV	64.424, -1.612, -29.314
Hunter-Lab	57.729, 3.798, -13.805
Binary	10011010, 10011001, 10111101

#9a99bd
```
#9a99bd rgb(154,153,189)
```
#bcbd99
```
#bcbd99 rgb(188,189,153)
```

Complementary Color

#99aabd
```
#99aabd rgb(153,170,189)
```
#9a99bd
```
#9a99bd rgb(154,153,189)
```
#ac99bd
```
#ac99bd rgb(172,153,189)
```

Analogous Color

#aabd99
```
#aabd99 rgb(170,189,153)
```
#9a99bd
```
#9a99bd rgb(154,153,189)
```
#bdac99
```
#bdac99 rgb(189,172,153)
```

Split Complementary Color

#99bd9a
```
#99bd9a rgb(153,189,154)
```
#9a99bd
```
#9a99bd rgb(154,153,189)
```
#bd9a99
```
#bd9a99 rgb(189,154,153)
```

Triadic Color

#99bcbd
```
#99bcbd rgb(153,188,189)
```
#9a99bd
```
#9a99bd rgb(154,153,189)
```
#bd9a99
```
#bd9a99 rgb(189,154,153)
```
#bcbd99
```
#bcbd99 rgb(188,189,153)
```

Tetradic Color

#6c6b9f
```
#6c6b9f rgb(108,107,159)
```
#7b7aa9
```
#7b7aa9 rgb(123,122,169)
```
#8b8ab3
```
#8b8ab3 rgb(139,138,179)
```
#9a99bd
```
#9a99bd rgb(154,153,189)
```
#a9a8c7
```
#a9a8c7 rgb(169,168,199)
```
#b9b8d1
```
#b9b8d1 rgb(185,184,209)
```
#c8c7db
```
#c8c7db rgb(200,199,219)
```

Monochromatic Color

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

#99a1bd
```
#99a1bd rgb(153,161,189)
```
#999ebd
```
#999ebd rgb(153,158,189)
```
#999bbd
```
#999bbd rgb(153,155,189)
```
#9a99bd
```
#9a99bd rgb(154,153,189)
```
#9d99bd
```
#9d99bd rgb(157,153,189)
```
#a099bd
```
#a099bd rgb(160,153,189)
```
#a399bd
```
#a399bd rgb(163,153,189)
```

Similar Colors

Text with hexadecimal color #9a99bd

This text has a font color of #9a99bd.

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

#9a99bd background color

This paragraph has a background color of #9a99bd.

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

#9a99bd border color

This element has a border color of #9a99bd.

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

CSS codes

.text {color:#9a99bd;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0b11
```
#0b0b11 rgb(11,11,17)
```
#13131d
```
#13131d rgb(19,19,29)
```
#1b1a29
```
#1b1a29 rgb(27,26,41)
```
#232235
```
#232235 rgb(35,34,53)
```
#2b2a41
```
#2b2a41 rgb(43,42,65)
```
#32324d
```
#32324d rgb(50,50,77)
```
#3a3959
```
#3a3959 rgb(58,57,89)
```
#424164
```
#424164 rgb(66,65,100)
```
#4a4970
```
#4a4970 rgb(74,73,112)
```
#52507c
```
#52507c rgb(82,80,124)
```
#595888
```
#595888 rgb(89,88,136)
```
#616094
```
#616094 rgb(97,96,148)
```

Shade Color Variation

#6b699e
```
#6b699e rgb(107,105,158)
```
#7775a6
```
#7775a6 rgb(119,117,166)
```
#8281ae
```
#8281ae rgb(130,129,174)
```
#8e8db5
```
#8e8db5 rgb(142,141,181)
```
#9a99bd
```
#9a99bd rgb(154,153,189)
```
#a6a5c5
```
#a6a5c5 rgb(166,165,197)
```
#b2b1cc
```
#b2b1cc rgb(178,177,204)
```
#bdbdd4
```
#bdbdd4 rgb(189,189,212)
```
#c9c9dc
```
#c9c9dc rgb(201,201,220)
```
#d5d5e4
```
#d5d5e4 rgb(213,213,228)
```
#e1e0eb
```
#e1e0eb rgb(225,224,235)
```
#edecf3
```
#edecf3 rgb(237,236,243)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#a6a6b0
```
#a6a6b0 rgb(166,166,176)
```
#a09fb7
```
#a09fb7 rgb(160,159,183)
```
#9a99bd
```
#9a99bd rgb(154,153,189)
```
#9493c3
```
#9493c3 rgb(148,147,195)
```
#8e8cca
```
#8e8cca rgb(142,140,202)
```
#8886d0
```
#8886d0 rgb(136,134,208)
```
#827fd7
```
#827fd7 rgb(130,127,215)
```
#7b79dd
```
#7b79dd rgb(123,121,221)
```
#7572e4
```
#7572e4 rgb(117,114,228)
```
#6f6cea
```
#6f6cea rgb(111,108,234)
```
#6965f1
```
#6965f1 rgb(105,101,241)
```
#635ff7
```
#635ff7 rgb(99,95,247)
```
#5d58fe
```
#5d58fe rgb(93,88,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#9c9ca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999fc1 Protanopia 1% of men
#9f9ec0 Deuteranopia 1% of men
#9ba1ad Tritanopia 0.001% of the population

Trichromacy

#999dbf Protanomaly 1% of men, 0.01% of women
#9d9cbf Deuteranomaly 6% of men, 0.4% of women
#9a9eb3 Tritanomaly 0.01% of the population

#9a99bd hex color

#9a99bd Color Information

#9a99bd Color Conversion

Color Schemes with #9a99bd

Alternatives to #9a99bd

#9a99bd Preview

Shades and Tints of #9a99bd

Tones of #9a99bd

Color Blindness Simulator