#9698a5 hex color

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

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

● #9698a5 color description : Dark grayish blue.

The hexadecimal color #9698a5 has RGB values of R:150, G:152, B:165 and CMYK values of C:0.09, M:0.08, Y:0, K:0.35. Its decimal value is 9869477.

Hex triplet	9698a5	`#9698a5`
RGB Decimal	150, 152, 165	`rgb(150,152,165)`
RGB Percent	58.8, 59.6, 64.7	`rgb(58.8%,59.6%,64.7%)`
CMYK	9, 8, 0, 35
HSL	232°, 7.7, 61.8	`hsl(232,7.7%,61.8%)`
HSV (or HSB)	232°, 9.1, 64.7
Web Safe	999999	`#999999`

CIE-LAB	63.058, 1.904, -7.044
XYZ	30.596, 31.657, 40.094
xyY	0.299, 0.309, 31.657
CIE-LCH	63.058, 7.297, 285.125
CIE-LUV	63.058, -1.847, -10.664
Hunter-Lab	56.265, -1.396, -2.865
Binary	10010110, 10011000, 10100101

#9698a5
```
#9698a5 rgb(150,152,165)
```
#a5a396
```
#a5a396 rgb(165,163,150)
```

Complementary Color

#96a0a5
```
#96a0a5 rgb(150,160,165)
```
#9698a5
```
#9698a5 rgb(150,152,165)
```
#9c96a5
```
#9c96a5 rgb(156,150,165)
```

Analogous Color

#a0a596
```
#a0a596 rgb(160,165,150)
```
#9698a5
```
#9698a5 rgb(150,152,165)
```
#a59c96
```
#a59c96 rgb(165,156,150)
```

Split Complementary Color

#98a596
```
#98a596 rgb(152,165,150)
```
#9698a5
```
#9698a5 rgb(150,152,165)
```
#a59698
```
#a59698 rgb(165,150,152)
```

Triadic Color

#96a5a3
```
#96a5a3 rgb(150,165,163)
```
#9698a5
```
#9698a5 rgb(150,152,165)
```
#a59698
```
#a59698 rgb(165,150,152)
```
#a5a396
```
#a5a396 rgb(165,163,150)
```

Tetradic Color

#6e7180
```
#6e7180 rgb(110,113,128)
```
#7b7d8d
```
#7b7d8d rgb(123,125,141)
```
#888b99
```
#888b99 rgb(136,139,153)
```
#9698a5
```
#9698a5 rgb(150,152,165)
```
#a4a5b1
```
#a4a5b1 rgb(164,165,177)
```
#b1b3bd
```
#b1b3bd rgb(177,179,189)
```
#bfc0c8
```
#bfc0c8 rgb(191,192,200)
```

Monochromatic Color

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

#969ca5
```
#969ca5 rgb(150,156,165)
```
#969ba5
```
#969ba5 rgb(150,155,165)
```
#9699a5
```
#9699a5 rgb(150,153,165)
```
#9698a5
```
#9698a5 rgb(150,152,165)
```
#9697a5
```
#9697a5 rgb(150,151,165)
```
#9796a5
```
#9796a5 rgb(151,150,165)
```
#9896a5
```
#9896a5 rgb(152,150,165)
```

Similar Colors

Text with hexadecimal color #9698a5

This text has a font color of #9698a5.

<span style="color:#9698a5;">Text here</span>

#9698a5 background color

This paragraph has a background color of #9698a5.

<p style="background-color:#9698a5;">Content here</p>

#9698a5 border color

This element has a border color of #9698a5.

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

CSS codes

.text {color:#9698a5;}

.background {background-color:#9698a5;}

.border {border:1px solid #9698a5;}

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 #f5f5f6 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0b
```
#0a0a0b rgb(10,10,11)
```
#131316
```
#131316 rgb(19,19,22)
```
#1c1c20
```
#1c1c20 rgb(28,28,32)
```
#25262b
```
#25262b rgb(37,38,43)
```
#2e2f35
```
#2e2f35 rgb(46,47,53)
```
#373840
```
#373840 rgb(55,56,64)
```
#40414b
```
#40414b rgb(64,65,75)
```
#494b55
```
#494b55 rgb(73,75,85)
```
#525460
```
#525460 rgb(82,84,96)
```
#5b5d6a
```
#5b5d6a rgb(91,93,106)
```
#646675
```
#646675 rgb(100,102,117)
```
#6d707f
```
#6d707f rgb(109,112,127)
```

Shade Color Variation

#76798a
```
#76798a rgb(118,121,138)
```
#818393
```
#818393 rgb(129,131,147)
```
#8b8e9c
```
#8b8e9c rgb(139,142,156)
```
#9698a5
```
#9698a5 rgb(150,152,165)
```
#a1a2ae
```
#a1a2ae rgb(161,162,174)
```
#abadb7
```
#abadb7 rgb(171,173,183)
```
#b6b7c0
```
#b6b7c0 rgb(182,183,192)
```
#c0c1c9
```
#c0c1c9 rgb(192,193,201)
```
#cbccd2
```
#cbccd2 rgb(203,204,210)
```
#d5d6db
```
#d5d6db rgb(213,214,219)
```
#e0e1e4
```
#e0e1e4 rgb(224,225,228)
```
#eaebed
```
#eaebed rgb(234,235,237)
```
#f5f5f6
```
#f5f5f6 rgb(245,245,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 #445cf8 is the most saturated one.

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#9698a5
```
#9698a5 rgb(150,152,165)
```
#8f93ad
```
#8f93ad rgb(143,147,173)
```
#878db4
```
#878db4 rgb(135,141,180)
```
#8088bc
```
#8088bc rgb(128,136,188)
```
#7882c3
```
#7882c3 rgb(120,130,195)
```
#717dcb
```
#717dcb rgb(113,125,203)
```
#6977d2
```
#6977d2 rgb(105,119,210)
```
#6272da
```
#6272da rgb(98,114,218)
```
#5a6ce1
```
#5a6ce1 rgb(90,108,225)
```
#5367e9
```
#5367e9 rgb(83,103,233)
```
#4b61f0
```
#4b61f0 rgb(75,97,240)
```
#445cf8
```
#445cf8 rgb(68,92,248)
```
#3c56ff
```
#3c56ff rgb(60,86,255)
```

Tone Color Variation

Below, you can see how #9698a5 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

#999999 Achromatopsia 0.005% of the population
#98999b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9ca9 Protanopia 1% of men
#a699aa Deuteranopia 1% of men
#9b9da8 Tritanopia 0.001% of the population

Trichromacy

#9a9ba7 Protanomaly 1% of men, 0.01% of women
#a099a8 Deuteranomaly 6% of men, 0.4% of women
#999ba7 Tritanomaly 0.01% of the population

#9698a5 hex color

#9698a5 Color Information

#9698a5 Color Conversion

Color Schemes with #9698a5

Alternatives to #9698a5

#9698a5 Preview

Shades and Tints of #9698a5

Tones of #9698a5

Color Blindness Simulator