#969fa4 hex color

In a RGB color space, hex #969fa4 is composed of 58.8% red, 62.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 3% magenta, 0% yellow and 35.7% black. It has a hue angle of 201.4 degrees, a saturation of 7.1% and a lightness of 61.6%. #969fa4 color hex could be obtained by blending #ffffff with #2d3f49. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 59
- G 62
- B 64
RGB color chart
- C 9
- M 3
- Y 0
- K 36
CMYK color chart

● #969fa4 color description : Dark grayish blue.

The hexadecimal color #969fa4 has RGB values of R:150, G:159, B:164 and CMYK values of C:0.09, M:0.03, Y:0, K:0.36. Its decimal value is 9871268.

Hex triplet	969fa4	`#969fa4`
RGB Decimal	150, 159, 164	`rgb(150,159,164)`
RGB Percent	58.8, 62.4, 64.3	`rgb(58.8%,62.4%,64.3%)`
CMYK	9, 3, 0, 36
HSL	201.4°, 7.1, 61.6	`hsl(201.4,7.1%,61.6%)`
HSV (or HSB)	201.4°, 8.5, 64.3
Web Safe	999999	`#999999`

CIE-LAB	64.931, -2.186, -3.711
XYZ	31.675, 33.96, 40.006
xyY	0.3, 0.321, 33.96
CIE-LCH	64.931, 4.307, 239.499
CIE-LUV	64.931, -5.223, -5.073
Hunter-Lab	58.276, -4.96, 0.09
Binary	10010110, 10011111, 10100100

#969fa4
```
#969fa4 rgb(150,159,164)
```
#a49b96
```
#a49b96 rgb(164,155,150)
```

Complementary Color

#96a4a2
```
#96a4a2 rgb(150,164,162)
```
#969fa4
```
#969fa4 rgb(150,159,164)
```
#9698a4
```
#9698a4 rgb(150,152,164)
```

Analogous Color

#a4a296
```
#a4a296 rgb(164,162,150)
```
#969fa4
```
#969fa4 rgb(150,159,164)
```
#a49698
```
#a49698 rgb(164,150,152)
```

Split Complementary Color

#9fa496
```
#9fa496 rgb(159,164,150)
```
#969fa4
```
#969fa4 rgb(150,159,164)
```
#a4969f
```
#a4969f rgb(164,150,159)
```

Triadic Color

#96a49b
```
#96a49b rgb(150,164,155)
```
#969fa4
```
#969fa4 rgb(150,159,164)
```
#a4969f
```
#a4969f rgb(164,150,159)
```
#a49b96
```
#a49b96 rgb(164,155,150)
```

Tetradic Color

#6e797f
```
#6e797f rgb(110,121,127)
```
#7b868c
```
#7b868c rgb(123,134,140)
```
#889398
```
#889398 rgb(136,147,152)
```
#969fa4
```
#969fa4 rgb(150,159,164)
```
#a4abb0
```
#a4abb0 rgb(164,171,176)
```
#b1b8bc
```
#b1b8bc rgb(177,184,188)
```
#bfc4c8
```
#bfc4c8 rgb(191,196,200)
```

Monochromatic Color

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

#96a3a4
```
#96a3a4 rgb(150,163,164)
```
#96a1a4
```
#96a1a4 rgb(150,161,164)
```
#96a0a4
```
#96a0a4 rgb(150,160,164)
```
#969fa4
```
#969fa4 rgb(150,159,164)
```
#969ea4
```
#969ea4 rgb(150,158,164)
```
#969da4
```
#969da4 rgb(150,157,164)
```
#969ca4
```
#969ca4 rgb(150,156,164)
```

Similar Colors

Text with hexadecimal color #969fa4

This text has a font color of #969fa4.

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

#969fa4 background color

This paragraph has a background color of #969fa4.

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

#969fa4 border color

This element has a border color of #969fa4.

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

CSS codes

.text {color:#969fa4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090a0b
```
#090a0b rgb(9,10,11)
```
#121415
```
#121415 rgb(18,20,21)
```
#1b1e20
```
#1b1e20 rgb(27,30,32)
```
#25282a
```
#25282a rgb(37,40,42)
```
#2e3235
```
#2e3235 rgb(46,50,53)
```
#373c3f
```
#373c3f rgb(55,60,63)
```
#40464a
```
#40464a rgb(64,70,74)
```
#495054
```
#495054 rgb(73,80,84)
```
#525a5f
```
#525a5f rgb(82,90,95)
```
#5b6469
```
#5b6469 rgb(91,100,105)
```
#646e74
```
#646e74 rgb(100,110,116)
```
#6d787e
```
#6d787e rgb(109,120,126)
```

Shade Color Variation

#768289
```
#768289 rgb(118,130,137)
```
#818c92
```
#818c92 rgb(129,140,146)
```
#8b959b
```
#8b959b rgb(139,149,155)
```
#969fa4
```
#969fa4 rgb(150,159,164)
```
#a1a9ad
```
#a1a9ad rgb(161,169,173)
```
#abb2b6
```
#abb2b6 rgb(171,178,182)
```
#b6bcbf
```
#b6bcbf rgb(182,188,191)
```
#c0c5c8
```
#c0c5c8 rgb(192,197,200)
```
#cbcfd2
```
#cbcfd2 rgb(203,207,210)
```
#d5d9db
```
#d5d9db rgb(213,217,219)
```
#e0e2e4
```
#e0e2e4 rgb(224,226,228)
```
#eaeced
```
#eaeced rgb(234,236,237)
```
#f5f5f6
```
#f5f5f6 rgb(245,245,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969fa4 is the less saturated color, while #3cb9fe is the most saturated one.

#969fa4
```
#969fa4 rgb(150,159,164)
```
#8ea1ac
```
#8ea1ac rgb(142,161,172)
```
#87a3b3
```
#87a3b3 rgb(135,163,179)
```
#7fa5bb
```
#7fa5bb rgb(127,165,187)
```
#78a8c2
```
#78a8c2 rgb(120,168,194)
```
#70aaca
```
#70aaca rgb(112,170,202)
```
#69acd1
```
#69acd1 rgb(105,172,209)
```
#61aed9
```
#61aed9 rgb(97,174,217)
```
#5ab0e0
```
#5ab0e0 rgb(90,176,224)
```
#52b2e8
```
#52b2e8 rgb(82,178,232)
```
#4bb5ef
```
#4bb5ef rgb(75,181,239)
```
#43b7f7
```
#43b7f7 rgb(67,183,247)
```
#3cb9fe
```
#3cb9fe rgb(60,185,254)
```

Tone Color Variation

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

Dichromacy

#a3a1a7 Protanopia 1% of men
#ad9eaa Deuteranopia 1% of men
#9ca3ae Tritanopia 0.001% of the population

Trichromacy

#9ea0a6 Protanomaly 1% of men, 0.01% of women
#a59ea8 Deuteranomaly 6% of men, 0.4% of women
#9aa1aa Tritanomaly 0.01% of the population

#969fa4 hex color

#969fa4 Color Information

#969fa4 Color Conversion

Color Schemes with #969fa4

Alternatives to #969fa4

#969fa4 Preview

Shades and Tints of #969fa4

Tones of #969fa4

Color Blindness Simulator