#97a5b2 hex color

In a RGB color space, hex #97a5b2 is composed of 59.2% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 208.9 degrees, a saturation of 14.9% and a lightness of 64.5%. #97a5b2 color hex could be obtained by blending #ffffff with #2f4b65. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 59
- G 65
- B 70
RGB color chart
- C 15
- M 7
- Y 0
- K 30
CMYK color chart

● #97a5b2 color description : Dark grayish blue.

The hexadecimal color #97a5b2 has RGB values of R:151, G:165, B:178 and CMYK values of C:0.15, M:0.07, Y:0, K:0.3. Its decimal value is 9938354.

Hex triplet	97a5b2	`#97a5b2`
RGB Decimal	151, 165, 178	`rgb(151,165,178)`
RGB Percent	59.2, 64.7, 69.8	`rgb(59.2%,64.7%,69.8%)`
CMYK	15, 7, 0, 30
HSL	208.9°, 14.9, 64.5	`hsl(208.9,14.9%,64.5%)`
HSV (or HSB)	208.9°, 15.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.054, -2.181, -8.378
XYZ	34.252, 36.703, 47.397
xyY	0.289, 0.31, 36.703
CIE-LCH	67.054, 8.657, 255.41
CIE-LUV	67.054, -8.179, -12.167
Hunter-Lab	60.583, -5.103, -3.977
Binary	10010111, 10100101, 10110010

#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#b2a497
```
#b2a497 rgb(178,164,151)
```

Complementary Color

#97b2b2
```
#97b2b2 rgb(151,178,178)
```
#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#9798b2
```
#9798b2 rgb(151,152,178)
```

Analogous Color

#b2b297
```
#b2b297 rgb(178,178,151)
```
#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#b29798
```
#b29798 rgb(178,151,152)
```

Split Complementary Color

#a5b297
```
#a5b297 rgb(165,178,151)
```
#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#b297a5
```
#b297a5 rgb(178,151,165)
```

Triadic Color

#97b2a4
```
#97b2a4 rgb(151,178,164)
```
#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#b297a5
```
#b297a5 rgb(178,151,165)
```
#b2a497
```
#b2a497 rgb(178,164,151)
```

Tetradic Color

#6b7f91
```
#6b7f91 rgb(107,127,145)
```
#7a8c9c
```
#7a8c9c rgb(122,140,156)
```
#8898a7
```
#8898a7 rgb(136,152,167)
```
#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#a6b2bd
```
#a6b2bd rgb(166,178,189)
```
#b4bec8
```
#b4bec8 rgb(180,190,200)
```
#c3cbd3
```
#c3cbd3 rgb(195,203,211)
```

Monochromatic Color

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

#97acb2
```
#97acb2 rgb(151,172,178)
```
#97aab2
```
#97aab2 rgb(151,170,178)
```
#97a7b2
```
#97a7b2 rgb(151,167,178)
```
#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#97a3b2
```
#97a3b2 rgb(151,163,178)
```
#97a1b2
```
#97a1b2 rgb(151,161,178)
```
#979eb2
```
#979eb2 rgb(151,158,178)
```

Similar Colors

Text with hexadecimal color #97a5b2

This text has a font color of #97a5b2.

<span style="color:#97a5b2;">Text here</span>

#97a5b2 background color

This paragraph has a background color of #97a5b2.

<p style="background-color:#97a5b2;">Content here</p>

#97a5b2 border color

This element has a border color of #97a5b2.

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

CSS codes

.text {color:#97a5b2;}

.background {background-color:#97a5b2;}

.border {border:1px solid #97a5b2;}

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

#060809
```
#060809 rgb(6,8,9)
```
#0f1114
```
#0f1114 rgb(15,17,20)
```
#171b1f
```
#171b1f rgb(23,27,31)
```
#1f252b
```
#1f252b rgb(31,37,43)
```
#282f36
```
#282f36 rgb(40,47,54)
```
#303941
```
#303941 rgb(48,57,65)
```
#39434c
```
#39434c rgb(57,67,76)
```
#414d58
```
#414d58 rgb(65,77,88)
```
#495763
```
#495763 rgb(73,87,99)
```
#52606e
```
#52606e rgb(82,96,110)
```
#5a6a79
```
#5a6a79 rgb(90,106,121)
```
#627485
```
#627485 rgb(98,116,133)
```
#6b7e90
```
#6b7e90 rgb(107,126,144)
```

Shade Color Variation

#758899
```
#758899 rgb(117,136,153)
```
#8091a1
```
#8091a1 rgb(128,145,161)
```
#8c9baa
```
#8c9baa rgb(140,155,170)
```
#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#a2afba
```
#a2afba rgb(162,175,186)
```
#aeb9c3
```
#aeb9c3 rgb(174,185,195)
```
#b9c2cb
```
#b9c2cb rgb(185,194,203)
```
#c4ccd3
```
#c4ccd3 rgb(196,204,211)
```
#cfd6dc
```
#cfd6dc rgb(207,214,220)
```
#dbe0e4
```
#dbe0e4 rgb(219,224,228)
```
#e6e9ec
```
#e6e9ec rgb(230,233,236)
```
#f1f3f5
```
#f1f3f5 rgb(241,243,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#9ea5ab
```
#9ea5ab rgb(158,165,171)
```
#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#90a5b9
```
#90a5b9 rgb(144,165,185)
```
#89a6c0
```
#89a6c0 rgb(137,166,192)
```
#82a6c7
```
#82a6c7 rgb(130,166,199)
```
#7ba6ce
```
#7ba6ce rgb(123,166,206)
```
#74a6d5
```
#74a6d5 rgb(116,166,213)
```
#6da7dc
```
#6da7dc rgb(109,167,220)
```
#66a7e3
```
#66a7e3 rgb(102,167,227)
```
#5fa7ea
```
#5fa7ea rgb(95,167,234)
```
#58a7f1
```
#58a7f1 rgb(88,167,241)
```
#51a8f8
```
#51a8f8 rgb(81,168,248)
```
#4aa8ff
```
#4aa8ff rgb(74,168,255)
```

Tone Color Variation

Below, you can see how #97a5b2 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

#a2a2a2 Achromatopsia 0.005% of the population
#a0a3a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a6b4 Protanopia 1% of men
#afa3b7 Deuteranopia 1% of men
#9ca9b5 Tritanopia 0.001% of the population

Trichromacy

#a1a6b3 Protanomaly 1% of men, 0.01% of women
#a6a4b5 Deuteranomaly 6% of men, 0.4% of women
#9aa7b4 Tritanomaly 0.01% of the population

#97a5b2 hex color

#97a5b2 Color Information

#97a5b2 Color Conversion

Color Schemes with #97a5b2

Alternatives to #97a5b2

#97a5b2 Preview

Shades and Tints of #97a5b2

Tones of #97a5b2

Color Blindness Simulator