#9497b4 hex color

In a RGB color space, hex #9497b4 is composed of 58% red, 59.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 16.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 234.4 degrees, a saturation of 17.6% and a lightness of 64.3%. #9497b4 color hex could be obtained by blending #ffffff with #292f69. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 59
- B 71
RGB color chart
- C 18
- M 16
- Y 0
- K 29
CMYK color chart

● #9497b4 color description : Grayish blue.

The hexadecimal color #9497b4 has RGB values of R:148, G:151, B:180 and CMYK values of C:0.18, M:0.16, Y:0, K:0.29. Its decimal value is 9738164.

Hex triplet	9497b4	`#9497b4`
RGB Decimal	148, 151, 180	`rgb(148,151,180)`
RGB Percent	58, 59.2, 70.6	`rgb(58%,59.2%,70.6%)`
CMYK	18, 16, 0, 29
HSL	234.4°, 17.6, 64.3	`hsl(234.4,17.6%,64.3%)`
HSV (or HSB)	234.4°, 17.8, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.114, 5.063, -15.43
XYZ	31.516, 31.724, 47.64
xyY	0.284, 0.286, 31.724
CIE-LCH	63.114, 16.24, 288.167
CIE-LUV	63.114, -3.269, -24.025
Hunter-Lab	56.324, 1.312, -10.722
Binary	10010100, 10010111, 10110100

#9497b4
```
#9497b4 rgb(148,151,180)
```
#b4b194
```
#b4b194 rgb(180,177,148)
```

Complementary Color

#94a7b4
```
#94a7b4 rgb(148,167,180)
```
#9497b4
```
#9497b4 rgb(148,151,180)
```
#a194b4
```
#a194b4 rgb(161,148,180)
```

Analogous Color

#a7b494
```
#a7b494 rgb(167,180,148)
```
#9497b4
```
#9497b4 rgb(148,151,180)
```
#b4a194
```
#b4a194 rgb(180,161,148)
```

Split Complementary Color

#97b494
```
#97b494 rgb(151,180,148)
```
#9497b4
```
#9497b4 rgb(148,151,180)
```
#b49497
```
#b49497 rgb(180,148,151)
```

Triadic Color

#94b4b1
```
#94b4b1 rgb(148,180,177)
```
#9497b4
```
#9497b4 rgb(148,151,180)
```
#b49497
```
#b49497 rgb(180,148,151)
```
#b4b194
```
#b4b194 rgb(180,177,148)
```

Tetradic Color

#686c94
```
#686c94 rgb(104,108,148)
```
#767a9f
```
#767a9f rgb(118,122,159)
```
#8588a9
```
#8588a9 rgb(133,136,169)
```
#9497b4
```
#9497b4 rgb(148,151,180)
```
#a3a6bf
```
#a3a6bf rgb(163,166,191)
```
#b2b4c9
```
#b2b4c9 rgb(178,180,201)
```
#c1c3d4
```
#c1c3d4 rgb(193,195,212)
```

Monochromatic Color

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

#949fb4
```
#949fb4 rgb(148,159,180)
```
#949cb4
```
#949cb4 rgb(148,156,180)
```
#949ab4
```
#949ab4 rgb(148,154,180)
```
#9497b4
```
#9497b4 rgb(148,151,180)
```
#9494b4
```
#9494b4 rgb(148,148,180)
```
#9694b4
```
#9694b4 rgb(150,148,180)
```
#9994b4
```
#9994b4 rgb(153,148,180)
```

Similar Colors

Text with hexadecimal color #9497b4

This text has a font color of #9497b4.

<span style="color:#9497b4;">Text here</span>

#9497b4 background color

This paragraph has a background color of #9497b4.

<p style="background-color:#9497b4;">Content here</p>

#9497b4 border color

This element has a border color of #9497b4.

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

CSS codes

.text {color:#9497b4;}

.background {background-color:#9497b4;}

.border {border:1px solid #9497b4;}

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

#060608
```
#060608 rgb(6,6,8)
```
#0e0e14
```
#0e0e14 rgb(14,14,20)
```
#16171f
```
#16171f rgb(22,23,31)
```
#1e1f2b
```
#1e1f2b rgb(30,31,43)
```
#262836
```
#262836 rgb(38,40,54)
```
#2e3042
```
#2e3042 rgb(46,48,66)
```
#36394e
```
#36394e rgb(54,57,78)
```
#3e4159
```
#3e4159 rgb(62,65,89)
```
#464965
```
#464965 rgb(70,73,101)
```
#4f5270
```
#4f5270 rgb(79,82,112)
```
#575a7c
```
#575a7c rgb(87,90,124)
```
#5f6387
```
#5f6387 rgb(95,99,135)
```
#676b93
```
#676b93 rgb(103,107,147)
```

Shade Color Variation

#71759c
```
#71759c rgb(113,117,156)
```
#7d81a4
```
#7d81a4 rgb(125,129,164)
```
#888cac
```
#888cac rgb(136,140,172)
```
#9497b4
```
#9497b4 rgb(148,151,180)
```
#a0a2bc
```
#a0a2bc rgb(160,162,188)
```
#abadc4
```
#abadc4 rgb(171,173,196)
```
#b7b9cc
```
#b7b9cc rgb(183,185,204)
```
#c2c4d4
```
#c2c4d4 rgb(194,196,212)
```
#cecfdc
```
#cecfdc rgb(206,207,220)
```
#d9dae4
```
#d9dae4 rgb(217,218,228)
```
#e5e5ed
```
#e5e5ed rgb(229,229,237)
```
#f0f1f5
```
#f0f1f5 rgb(240,241,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#a2a2a6
```
#a2a2a6 rgb(162,162,166)
```
#9b9dad
```
#9b9dad rgb(155,157,173)
```
#9497b4
```
#9497b4 rgb(148,151,180)
```
#8d91bb
```
#8d91bb rgb(141,145,187)
```
#868cc2
```
#868cc2 rgb(134,140,194)
```
#7f86c9
```
#7f86c9 rgb(127,134,201)
```
#7880d0
```
#7880d0 rgb(120,128,208)
```
#717bd7
```
#717bd7 rgb(113,123,215)
```
#6a75de
```
#6a75de rgb(106,117,222)
```
#636fe5
```
#636fe5 rgb(99,111,229)
```
#5c6aec
```
#5c6aec rgb(92,106,236)
```
#5564f3
```
#5564f3 rgb(85,100,243)
```
#4e5efa
```
#4e5efa rgb(78,94,250)
```

Tone Color Variation

Below, you can see how #9497b4 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
#98999e Atypical Achromatopsia 0.001% of the population

Dichromacy

#989cb8 Protanopia 1% of men
#9f9ab8 Deuteranopia 1% of men
#969eaa Tritanopia 0.001% of the population

Trichromacy

#969ab6 Protanomaly 1% of men, 0.01% of women
#9b99b6 Deuteranomaly 6% of men, 0.4% of women
#959cad Tritanomaly 0.01% of the population

#9497b4 hex color

#9497b4 Color Information

#9497b4 Color Conversion

Color Schemes with #9497b4

Alternatives to #9497b4

#9497b4 Preview

Shades and Tints of #9497b4

Tones of #9497b4

Color Blindness Simulator