#9f9fbb hex color

In a RGB color space, hex #9f9fbb is composed of 62.4% red, 62.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 15% magenta, 0% yellow and 26.7% black. It has a hue angle of 240 degrees, a saturation of 17.1% and a lightness of 67.8%. #9f9fbb color hex could be obtained by blending #ffffff with #3f3f77. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 62
- B 73
RGB color chart
- C 15
- M 15
- Y 0
- K 27
CMYK color chart

● #9f9fbb color description : Grayish blue.

The hexadecimal color #9f9fbb has RGB values of R:159, G:159, B:187 and CMYK values of C:0.15, M:0.15, Y:0, K:0.27. Its decimal value is 10461115.

Hex triplet	9f9fbb	`#9f9fbb`
RGB Decimal	159, 159, 187	`rgb(159,159,187)`
RGB Percent	62.4, 62.4, 73.3	`rgb(62.4%,62.4%,73.3%)`
CMYK	15, 15, 0, 27
HSL	240°, 17.1, 67.8	`hsl(240,17.1%,67.8%)`
HSV (or HSB)	240°, 15, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.332, 5.755, -14.412
XYZ	35.664, 35.755, 52.033
xyY	0.289, 0.29, 35.755
CIE-LCH	66.332, 15.519, 291.767
CIE-LUV	66.332, -1.644, -22.735
Hunter-Lab	59.795, 1.822, -9.737
Binary	10011111, 10011111, 10111011

#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#bbbb9f
```
#bbbb9f rgb(187,187,159)
```

Complementary Color

#9fadbb
```
#9fadbb rgb(159,173,187)
```
#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#ad9fbb
```
#ad9fbb rgb(173,159,187)
```

Analogous Color

#adbb9f
```
#adbb9f rgb(173,187,159)
```
#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#bbad9f
```
#bbad9f rgb(187,173,159)
```

Split Complementary Color

#9fbb9f
```
#9fbb9f rgb(159,187,159)
```
#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#bb9f9f
```
#bb9f9f rgb(187,159,159)
```

Triadic Color

#9fbbbb
```
#9fbbbb rgb(159,187,187)
```
#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#bb9f9f
```
#bb9f9f rgb(187,159,159)
```
#bbbb9f
```
#bbbb9f rgb(187,187,159)
```

Tetradic Color

#72729b
```
#72729b rgb(114,114,155)
```
#8181a6
```
#8181a6 rgb(129,129,166)
```
#9090b0
```
#9090b0 rgb(144,144,176)
```
#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#aeaec6
```
#aeaec6 rgb(174,174,198)
```
#bdbdd0
```
#bdbdd0 rgb(189,189,208)
```
#ccccdb
```
#ccccdb rgb(204,204,219)
```

Monochromatic Color

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

#9fa6bb
```
#9fa6bb rgb(159,166,187)
```
#9fa4bb
```
#9fa4bb rgb(159,164,187)
```
#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#a19fbb
```
#a19fbb rgb(161,159,187)
```
#a49fbb
```
#a49fbb rgb(164,159,187)
```
#a69fbb
```
#a69fbb rgb(166,159,187)
```

Similar Colors

Text with hexadecimal color #9f9fbb

This text has a font color of #9f9fbb.

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

#9f9fbb background color

This paragraph has a background color of #9f9fbb.

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

#9f9fbb border color

This element has a border color of #9f9fbb.

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

CSS codes

.text {color:#9f9fbb;}

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

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

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

#050507
```
#050507 rgb(5,5,7)
```
#0d0d13
```
#0d0d13 rgb(13,13,19)
```
#15151e
```
#15151e rgb(21,21,30)
```
#1e1e2a
```
#1e1e2a rgb(30,30,42)
```
#262635
```
#262635 rgb(38,38,53)
```
#2e2e41
```
#2e2e41 rgb(46,46,65)
```
#36364c
```
#36364c rgb(54,54,76)
```
#3e3e58
```
#3e3e58 rgb(62,62,88)
```
#464663
```
#464663 rgb(70,70,99)
```
#4e4e6f
```
#4e4e6f rgb(78,78,111)
```
#57577a
```
#57577a rgb(87,87,122)
```
#5f5f86
```
#5f5f86 rgb(95,95,134)
```
#676791
```
#676791 rgb(103,103,145)
```

Shade Color Variation

#71719a
```
#71719a rgb(113,113,154)
```
#7d7da3
```
#7d7da3 rgb(125,125,163)
```
#8888ab
```
#8888ab rgb(136,136,171)
```
#9494b3
```
#9494b3 rgb(148,148,179)
```
#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#aaaac3
```
#aaaac3 rgb(170,170,195)
```
#b6b6cb
```
#b6b6cb rgb(182,182,203)
```
#c1c1d3
```
#c1c1d3 rgb(193,193,211)
```
#cdcddc
```
#cdcddc rgb(205,205,220)
```
#d8d8e4
```
#d8d8e4 rgb(216,216,228)
```
#e4e4ec
```
#e4e4ec rgb(228,228,236)
```
#efeff4
```
#efeff4 rgb(239,239,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#acacae
```
#acacae rgb(172,172,174)
```
#a5a5b5
```
#a5a5b5 rgb(165,165,181)
```
#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#9999c1
```
#9999c1 rgb(153,153,193)
```
#9292c8
```
#9292c8 rgb(146,146,200)
```
#8c8cce
```
#8c8cce rgb(140,140,206)
```
#8686d4
```
#8686d4 rgb(134,134,212)
```
#7f7fdb
```
#7f7fdb rgb(127,127,219)
```
#7979e1
```
#7979e1 rgb(121,121,225)
```
#7373e7
```
#7373e7 rgb(115,115,231)
```
#6d6ded
```
#6d6ded rgb(109,109,237)
```
#6666f4
```
#6666f4 rgb(102,102,244)
```
#6060fa
```
#6060fa rgb(96,96,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a1a1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a4bf Protanopia 1% of men
#a8a2bf Deuteranopia 1% of men
#a1a6b2 Tritanopia 0.001% of the population

Trichromacy

#a0a2bd Protanomaly 1% of men, 0.01% of women
#a5a1bd Deuteranomaly 6% of men, 0.4% of women
#a0a3b5 Tritanomaly 0.01% of the population

#9f9fbb hex color

#9f9fbb Color Information

#9f9fbb Color Conversion

Color Schemes with #9f9fbb

Alternatives to #9f9fbb

#9f9fbb Preview

Shades and Tints of #9f9fbb

Tones of #9f9fbb

Color Blindness Simulator