#97b4c0 hex color

In a RGB color space, hex #97b4c0 is composed of 59.2% red, 70.6% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 6.2% magenta, 0% yellow and 24.7% black. It has a hue angle of 197.6 degrees, a saturation of 24.6% and a lightness of 67.3%. #97b4c0 color hex could be obtained by blending #ffffff with #2f6981. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 59
- G 71
- B 75
RGB color chart
- C 21
- M 6
- Y 0
- K 25
CMYK color chart

● #97b4c0 color description : Grayish blue.

The hexadecimal color #97b4c0 has RGB values of R:151, G:180, B:192 and CMYK values of C:0.21, M:0.06, Y:0, K:0.25. Its decimal value is 9942208.

Hex triplet	97b4c0	`#97b4c0`
RGB Decimal	151, 180, 192	`rgb(151,180,192)`
RGB Percent	59.2, 70.6, 75.3	`rgb(59.2%,70.6%,75.3%)`
CMYK	21, 6, 0, 25
HSL	197.6°, 24.6, 67.3	`hsl(197.6,24.6%,67.3%)`
HSV (or HSB)	197.6°, 21.4, 75.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	71.573, -7.212, -9.384
XYZ	38.596, 43.027, 56.138
xyY	0.28, 0.312, 43.027
CIE-LCH	71.573, 11.835, 232.457
CIE-LUV	71.573, -15.561, -13.07
Hunter-Lab	65.595, -9.761, -4.826
Binary	10010111, 10110100, 11000000

#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#c0a397
```
#c0a397 rgb(192,163,151)
```

Complementary Color

#97c0b8
```
#97c0b8 rgb(151,192,184)
```
#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#97a0c0
```
#97a0c0 rgb(151,160,192)
```

Analogous Color

#c0b897
```
#c0b897 rgb(192,184,151)
```
#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#c097a0
```
#c097a0 rgb(192,151,160)
```

Split Complementary Color

#b4c097
```
#b4c097 rgb(180,192,151)
```
#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#c097b4
```
#c097b4 rgb(192,151,180)
```

Triadic Color

#97c0a3
```
#97c0a3 rgb(151,192,163)
```
#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#c097b4
```
#c097b4 rgb(192,151,180)
```
#c0a397
```
#c0a397 rgb(192,163,151)
```

Tetradic Color

#6792a3
```
#6792a3 rgb(103,146,163)
```
#779dad
```
#779dad rgb(119,157,173)
```
#87a9b6
```
#87a9b6 rgb(135,169,182)
```
#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#a7bfca
```
#a7bfca rgb(167,191,202)
```
#b7cbd3
```
#b7cbd3 rgb(183,203,211)
```
#c7d6dd
```
#c7d6dd rgb(199,214,221)
```

Monochromatic Color

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

#97bec0
```
#97bec0 rgb(151,190,192)
```
#97bbc0
```
#97bbc0 rgb(151,187,192)
```
#97b7c0
```
#97b7c0 rgb(151,183,192)
```
#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#97b1c0
```
#97b1c0 rgb(151,177,192)
```
#97adc0
```
#97adc0 rgb(151,173,192)
```
#97aac0
```
#97aac0 rgb(151,170,192)
```

Similar Colors

Text with hexadecimal color #97b4c0

This text has a font color of #97b4c0.

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

#97b4c0 background color

This paragraph has a background color of #97b4c0.

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

#97b4c0 border color

This element has a border color of #97b4c0.

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

CSS codes

.text {color:#97b4c0;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b1012
```
#0b1012 rgb(11,16,18)
```
#121b1e
```
#121b1e rgb(18,27,30)
```
#1a262b
```
#1a262b rgb(26,38,43)
```
#213037
```
#213037 rgb(33,48,55)
```
#293b43
```
#293b43 rgb(41,59,67)
```
#30464f
```
#30464f rgb(48,70,79)
```
#37515b
```
#37515b rgb(55,81,91)
```
#3f5c68
```
#3f5c68 rgb(63,92,104)
```
#466774
```
#466774 rgb(70,103,116)
```
#4e7180
```
#4e7180 rgb(78,113,128)
```
#557c8c
```
#557c8c rgb(85,124,140)
```
#5c8799
```
#5c8799 rgb(92,135,153)
```

Shade Color Variation

#6691a2
```
#6691a2 rgb(102,145,162)
```
#729aaa
```
#729aaa rgb(114,154,170)
```
#7fa2b1
```
#7fa2b1 rgb(127,162,177)
```
#8babb9
```
#8babb9 rgb(139,171,185)
```
#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#a3bdc7
```
#a3bdc7 rgb(163,189,199)
```
#afc6cf
```
#afc6cf rgb(175,198,207)
```
#bcced6
```
#bcced6 rgb(188,206,214)
```
#c8d7de
```
#c8d7de rgb(200,215,222)
```
#d4e0e5
```
#d4e0e5 rgb(212,224,229)
```
#e0e9ec
```
#e0e9ec rgb(224,233,236)
```
#edf2f4
```
#edf2f4 rgb(237,242,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#aaacad
```
#aaacad rgb(170,172,173)
```
#a4afb3
```
#a4afb3 rgb(164,175,179)
```
#9db1ba
```
#9db1ba rgb(157,177,186)
```
#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#91b7c6
```
#91b7c6 rgb(145,183,198)
```
#8ab9cd
```
#8ab9cd rgb(138,185,205)
```
#84bcd3
```
#84bcd3 rgb(132,188,211)
```
#7dbfda
```
#7dbfda rgb(125,191,218)
```
#77c1e0
```
#77c1e0 rgb(119,193,224)
```
#70c4e7
```
#70c4e7 rgb(112,196,231)
```
#6ac7ed
```
#6ac7ed rgb(106,199,237)
```
#64c9f3
```
#64c9f3 rgb(100,201,243)
```
#5dccfa
```
#5dccfa rgb(93,204,250)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a9aeb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b2c0 Protanopia 1% of men
#baafc6 Deuteranopia 1% of men
#9cb7c4 Tritanopia 0.001% of the population

Trichromacy

#a8b2c0 Protanomaly 1% of men, 0.01% of women
#adb0c4 Deuteranomaly 6% of men, 0.4% of women
#9ab6c3 Tritanomaly 0.01% of the population

#97b4c0 hex color

#97b4c0 Color Information

#97b4c0 Color Conversion

Color Schemes with #97b4c0

Alternatives to #97b4c0

#97b4c0 Preview

Shades and Tints of #97b4c0

Tones of #97b4c0

Color Blindness Simulator