#969fa5 hex color

In a RGB color space, hex #969fa5 is composed of 58.8% red, 62.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 3.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 204 degrees, a saturation of 7.7% and a lightness of 61.8%. #969fa5 color hex could be obtained by blending #ffffff with #2d3f4b. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 59
- G 62
- B 65
RGB color chart
- C 9
- M 4
- Y 0
- K 35
CMYK color chart

● #969fa5 color description : Dark grayish blue.

The hexadecimal color #969fa5 has RGB values of R:150, G:159, B:165 and CMYK values of C:0.09, M:0.04, Y:0, K:0.35. Its decimal value is 9871269.

Hex triplet	969fa5	`#969fa5`
RGB Decimal	150, 159, 165	`rgb(150,159,165)`
RGB Percent	58.8, 62.4, 64.7	`rgb(58.8%,62.4%,64.7%)`
CMYK	9, 4, 0, 35
HSL	204°, 7.7, 61.8	`hsl(204,7.7%,61.8%)`
HSV (or HSB)	204°, 9.1, 64.7
Web Safe	999999	`#999999`

CIE-LAB	64.96, -1.98, -4.229
XYZ	31.766, 33.997, 40.484
xyY	0.299, 0.32, 33.997
CIE-LCH	64.96, 4.669, 244.915
CIE-LUV	64.96, -5.268, -5.877
Hunter-Lab	58.307, -4.788, -0.352
Binary	10010110, 10011111, 10100101

#969fa5
```
#969fa5 rgb(150,159,165)
```
#a59c96
```
#a59c96 rgb(165,156,150)
```

Complementary Color

#96a5a4
```
#96a5a4 rgb(150,165,164)
```
#969fa5
```
#969fa5 rgb(150,159,165)
```
#9698a5
```
#9698a5 rgb(150,152,165)
```

Analogous Color

#a5a496
```
#a5a496 rgb(165,164,150)
```
#969fa5
```
#969fa5 rgb(150,159,165)
```
#a59698
```
#a59698 rgb(165,150,152)
```

Split Complementary Color

#9fa596
```
#9fa596 rgb(159,165,150)
```
#969fa5
```
#969fa5 rgb(150,159,165)
```
#a5969f
```
#a5969f rgb(165,150,159)
```

Triadic Color

#96a59c
```
#96a59c rgb(150,165,156)
```
#969fa5
```
#969fa5 rgb(150,159,165)
```
#a5969f
```
#a5969f rgb(165,150,159)
```
#a59c96
```
#a59c96 rgb(165,156,150)
```

Tetradic Color

#6e7980
```
#6e7980 rgb(110,121,128)
```
#7b868d
```
#7b868d rgb(123,134,141)
```
#889299
```
#889299 rgb(136,146,153)
```
#969fa5
```
#969fa5 rgb(150,159,165)
```
#a4acb1
```
#a4acb1 rgb(164,172,177)
```
#b1b8bd
```
#b1b8bd rgb(177,184,189)
```
#bfc5c8
```
#bfc5c8 rgb(191,197,200)
```

Monochromatic Color

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

#96a3a5
```
#96a3a5 rgb(150,163,165)
```
#96a2a5
```
#96a2a5 rgb(150,162,165)
```
#96a0a5
```
#96a0a5 rgb(150,160,165)
```
#969fa5
```
#969fa5 rgb(150,159,165)
```
#969ea5
```
#969ea5 rgb(150,158,165)
```
#969da5
```
#969da5 rgb(150,157,165)
```
#969ba5
```
#969ba5 rgb(150,155,165)
```

Similar Colors

Text with hexadecimal color #969fa5

This text has a font color of #969fa5.

<span style="color:#969fa5;">Text here</span>

#969fa5 background color

This paragraph has a background color of #969fa5.

<p style="background-color:#969fa5;">Content here</p>

#969fa5 border color

This element has a border color of #969fa5.

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

CSS codes

.text {color:#969fa5;}

.background {background-color:#969fa5;}

.border {border:1px solid #969fa5;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0b
```
#0a0b0b rgb(10,11,11)
```
#131516
```
#131516 rgb(19,21,22)
```
#1c1e20
```
#1c1e20 rgb(28,30,32)
```
#25282b
```
#25282b rgb(37,40,43)
```
#2e3235
```
#2e3235 rgb(46,50,53)
```
#373c40
```
#373c40 rgb(55,60,64)
```
#40464b
```
#40464b rgb(64,70,75)
```
#495055
```
#495055 rgb(73,80,85)
```
#525a60
```
#525a60 rgb(82,90,96)
```
#5b646a
```
#5b646a rgb(91,100,106)
```
#646e75
```
#646e75 rgb(100,110,117)
```
#6d787f
```
#6d787f rgb(109,120,127)
```

Shade Color Variation

#76828a
```
#76828a rgb(118,130,138)
```
#818c93
```
#818c93 rgb(129,140,147)
```
#8b959c
```
#8b959c rgb(139,149,156)
```
#969fa5
```
#969fa5 rgb(150,159,165)
```
#a1a9ae
```
#a1a9ae rgb(161,169,174)
```
#abb2b7
```
#abb2b7 rgb(171,178,183)
```
#b6bcc0
```
#b6bcc0 rgb(182,188,192)
```
#c0c6c9
```
#c0c6c9 rgb(192,198,201)
```
#cbcfd2
```
#cbcfd2 rgb(203,207,210)
```
#d5d9db
```
#d5d9db rgb(213,217,219)
```
#e0e3e4
```
#e0e3e4 rgb(224,227,228)
```
#eaeced
```
#eaeced rgb(234,236,237)
```
#f5f6f6
```
#f5f6f6 rgb(245,246,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9e9e is the less saturated color, while #44b0f8 is the most saturated one.

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#969fa5
```
#969fa5 rgb(150,159,165)
```
#8fa1ad
```
#8fa1ad rgb(143,161,173)
```
#87a2b4
```
#87a2b4 rgb(135,162,180)
```
#80a4bc
```
#80a4bc rgb(128,164,188)
```
#78a5c3
```
#78a5c3 rgb(120,165,195)
```
#71a7cb
```
#71a7cb rgb(113,167,203)
```
#69a8d2
```
#69a8d2 rgb(105,168,210)
```
#62aada
```
#62aada rgb(98,170,218)
```
#5aabe1
```
#5aabe1 rgb(90,171,225)
```
#53ade9
```
#53ade9 rgb(83,173,233)
```
#4baef0
```
#4baef0 rgb(75,174,240)
```
#44b0f8
```
#44b0f8 rgb(68,176,248)
```
#3cb1ff
```
#3cb1ff rgb(60,177,255)
```

Tone Color Variation

Below, you can see how #969fa5 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
#9c9d9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a1a8 Protanopia 1% of men
#ad9eab Deuteranopia 1% of men
#9ca3ae Tritanopia 0.001% of the population

Trichromacy

#9ea0a7 Protanomaly 1% of men, 0.01% of women
#a49ea9 Deuteranomaly 6% of men, 0.4% of women
#9aa1ab Tritanomaly 0.01% of the population

#969fa5 hex color

#969fa5 Color Information

#969fa5 Color Conversion

Color Schemes with #969fa5

Alternatives to #969fa5

#969fa5 Preview

Shades and Tints of #969fa5

Tones of #969fa5

Color Blindness Simulator