#969ea5 hex color

In a RGB color space, hex #969ea5 is composed of 58.8% red, 62% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 4.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 208 degrees, a saturation of 7.7% and a lightness of 61.8%. #969ea5 color hex could be obtained by blending #ffffff with #2d3d4b. 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

● #969ea5 color description : Dark grayish blue.

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

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

CIE-LAB	64.687, -1.428, -4.631
XYZ	31.595, 33.654, 40.427
xyY	0.299, 0.318, 33.654
CIE-LCH	64.687, 4.847, 252.861
CIE-LUV	64.687, -4.779, -6.561
Hunter-Lab	58.012, -4.306, -0.709
Binary	10010110, 10011110, 10100101

#969ea5
```
#969ea5 rgb(150,158,165)
```
#a59d96
```
#a59d96 rgb(165,157,150)
```

Complementary Color

#96a5a5
```
#96a5a5 rgb(150,165,165)
```
#969ea5
```
#969ea5 rgb(150,158,165)
```
#9697a5
```
#9697a5 rgb(150,151,165)
```

Analogous Color

#a5a596
```
#a5a596 rgb(165,165,150)
```
#969ea5
```
#969ea5 rgb(150,158,165)
```
#a59697
```
#a59697 rgb(165,150,151)
```

Split Complementary Color

#9ea596
```
#9ea596 rgb(158,165,150)
```
#969ea5
```
#969ea5 rgb(150,158,165)
```
#a5969e
```
#a5969e rgb(165,150,158)
```

Triadic Color

#96a59d
```
#96a59d rgb(150,165,157)
```
#969ea5
```
#969ea5 rgb(150,158,165)
```
#a5969e
```
#a5969e rgb(165,150,158)
```
#a59d96
```
#a59d96 rgb(165,157,150)
```

Tetradic Color

#6e7880
```
#6e7880 rgb(110,120,128)
```
#7b858d
```
#7b858d rgb(123,133,141)
```
#889199
```
#889199 rgb(136,145,153)
```
#969ea5
```
#969ea5 rgb(150,158,165)
```
#a4abb1
```
#a4abb1 rgb(164,171,177)
```
#b1b7bd
```
#b1b7bd rgb(177,183,189)
```
#bfc4c8
```
#bfc4c8 rgb(191,196,200)
```

Monochromatic Color

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

#96a2a5
```
#96a2a5 rgb(150,162,165)
```
#96a1a5
```
#96a1a5 rgb(150,161,165)
```
#969fa5
```
#969fa5 rgb(150,159,165)
```
#969ea5
```
#969ea5 rgb(150,158,165)
```
#969da5
```
#969da5 rgb(150,157,165)
```
#969ca5
```
#969ca5 rgb(150,156,165)
```
#969aa5
```
#969aa5 rgb(150,154,165)
```

Similar Colors

Text with hexadecimal color #969ea5

This text has a font color of #969ea5.

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

#969ea5 background color

This paragraph has a background color of #969ea5.

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

#969ea5 border color

This element has a border color of #969ea5.

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

CSS codes

.text {color:#969ea5;}

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

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

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)
```
#0a0a0b
```
#0a0a0b rgb(10,10,11)
```
#131416
```
#131416 rgb(19,20,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)
```
#494f55
```
#494f55 rgb(73,79,85)
```
#525960
```
#525960 rgb(82,89,96)
```
#5b636a
```
#5b636a rgb(91,99,106)
```
#646d75
```
#646d75 rgb(100,109,117)
```
#6d777f
```
#6d777f rgb(109,119,127)
```

Shade Color Variation

#76818a
```
#76818a rgb(118,129,138)
```
#818a93
```
#818a93 rgb(129,138,147)
```
#8b949c
```
#8b949c rgb(139,148,156)
```
#969ea5
```
#969ea5 rgb(150,158,165)
```
#a1a8ae
```
#a1a8ae rgb(161,168,174)
```
#abb2b7
```
#abb2b7 rgb(171,178,183)
```
#b6bbc0
```
#b6bbc0 rgb(182,187,192)
```
#c0c5c9
```
#c0c5c9 rgb(192,197,201)
```
#cbcfd2
```
#cbcfd2 rgb(203,207,210)
```
#d5d9db
```
#d5d9db rgb(213,217,219)
```
#e0e2e4
```
#e0e2e4 rgb(224,226,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 #44a4f8 is the most saturated one.

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#969ea5
```
#969ea5 rgb(150,158,165)
```
#8f9fad
```
#8f9fad rgb(143,159,173)
```
#879fb4
```
#879fb4 rgb(135,159,180)
```
#80a0bc
```
#80a0bc rgb(128,160,188)
```
#78a0c3
```
#78a0c3 rgb(120,160,195)
```
#71a1cb
```
#71a1cb rgb(113,161,203)
```
#69a1d2
```
#69a1d2 rgb(105,161,210)
```
#62a2da
```
#62a2da rgb(98,162,218)
```
#5aa2e1
```
#5aa2e1 rgb(90,162,225)
```
#53a3e9
```
#53a3e9 rgb(83,163,233)
```
#4ba3f0
```
#4ba3f0 rgb(75,163,240)
```
#44a4f8
```
#44a4f8 rgb(68,164,248)
```
#3ca4ff
```
#3ca4ff rgb(60,164,255)
```

Tone Color Variation

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

Dichromacy

#a2a1a8 Protanopia 1% of men
#ac9dab Deuteranopia 1% of men
#9ca2ad Tritanopia 0.001% of the population

Trichromacy

#9e9fa7 Protanomaly 1% of men, 0.01% of women
#a49da9 Deuteranomaly 6% of men, 0.4% of women
#9aa0aa Tritanomaly 0.01% of the population

#969ea5 hex color

#969ea5 Color Information

#969ea5 Color Conversion

Color Schemes with #969ea5

Alternatives to #969ea5

#969ea5 Preview

Shades and Tints of #969ea5

Tones of #969ea5

Color Blindness Simulator