#97b0bf hex color

In a RGB color space, hex #97b0bf is composed of 59.2% red, 69% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 7.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 202.5 degrees, a saturation of 23.8% and a lightness of 67.1%. #97b0bf color hex could be obtained by blending #ffffff with #2f617f. Closest websafe color is: #9999cc.

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

● #97b0bf color description : Grayish blue.

The hexadecimal color #97b0bf has RGB values of R:151, G:176, B:191 and CMYK values of C:0.21, M:0.08, Y:0, K:0.25. Its decimal value is 9941183.

Hex triplet	97b0bf	`#97b0bf`
RGB Decimal	151, 176, 191	`rgb(151,176,191)`
RGB Percent	59.2, 69, 74.9	`rgb(59.2%,69%,74.9%)`
CMYK	21, 8, 0, 25
HSL	202.5°, 23.8, 67.1	`hsl(202.5,23.8%,67.1%)`
HSV (or HSB)	202.5°, 20.9, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.449, -5.287, -10.512
XYZ	37.69, 41.391, 55.291
xyY	0.28, 0.308, 41.391
CIE-LCH	70.449, 11.766, 243.3
CIE-LUV	70.449, -13.713, -15.098
Hunter-Lab	64.336, -8.017, -5.92
Binary	10010111, 10110000, 10111111

#97b0bf
```
#97b0bf rgb(151,176,191)
```
#bfa697
```
#bfa697 rgb(191,166,151)
```

Complementary Color

#97bfba
```
#97bfba rgb(151,191,186)
```
#97b0bf
```
#97b0bf rgb(151,176,191)
```
#979cbf
```
#979cbf rgb(151,156,191)
```

Analogous Color

#bfba97
```
#bfba97 rgb(191,186,151)
```
#97b0bf
```
#97b0bf rgb(151,176,191)
```
#bf979c
```
#bf979c rgb(191,151,156)
```

Split Complementary Color

#b0bf97
```
#b0bf97 rgb(176,191,151)
```
#97b0bf
```
#97b0bf rgb(151,176,191)
```
#bf97b0
```
#bf97b0 rgb(191,151,176)
```

Triadic Color

#97bfa6
```
#97bfa6 rgb(151,191,166)
```
#97b0bf
```
#97b0bf rgb(151,176,191)
```
#bf97b0
```
#bf97b0 rgb(191,151,176)
```
#bfa697
```
#bfa697 rgb(191,166,151)
```

Tetradic Color

#688ca2
```
#688ca2 rgb(104,140,162)
```
#7798ac
```
#7798ac rgb(119,152,172)
```
#87a4b5
```
#87a4b5 rgb(135,164,181)
```
#97b0bf
```
#97b0bf rgb(151,176,191)
```
#a7bcc9
```
#a7bcc9 rgb(167,188,201)
```
#b7c8d2
```
#b7c8d2 rgb(183,200,210)
```
#c6d4dc
```
#c6d4dc rgb(198,212,220)
```

Monochromatic Color

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

#97babf
```
#97babf rgb(151,186,191)
```
#97b7bf
```
#97b7bf rgb(151,183,191)
```
#97b3bf
```
#97b3bf rgb(151,179,191)
```
#97b0bf
```
#97b0bf rgb(151,176,191)
```
#97adbf
```
#97adbf rgb(151,173,191)
```
#97a9bf
```
#97a9bf rgb(151,169,191)
```
#97a6bf
```
#97a6bf rgb(151,166,191)
```

Similar Colors

Text with hexadecimal color #97b0bf

This text has a font color of #97b0bf.

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

#97b0bf background color

This paragraph has a background color of #97b0bf.

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

#97b0bf border color

This element has a border color of #97b0bf.

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

CSS codes

.text {color:#97b0bf;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0b0f11
```
#0b0f11 rgb(11,15,17)
```
#12191e
```
#12191e rgb(18,25,30)
```
#1a242a
```
#1a242a rgb(26,36,42)
```
#212e36
```
#212e36 rgb(33,46,54)
```
#293842
```
#293842 rgb(41,56,66)
```
#30434e
```
#30434e rgb(48,67,78)
```
#384d5a
```
#384d5a rgb(56,77,90)
```
#3f5866
```
#3f5866 rgb(63,88,102)
```
#476273
```
#476273 rgb(71,98,115)
```
#4e6c7f
```
#4e6c7f rgb(78,108,127)
```
#55778b
```
#55778b rgb(85,119,139)
```
#5d8197
```
#5d8197 rgb(93,129,151)
```

Shade Color Variation

#668ba1
```
#668ba1 rgb(102,139,161)
```
#7394a9
```
#7394a9 rgb(115,148,169)
```
#7f9eb0
```
#7f9eb0 rgb(127,158,176)
```
#8ba7b8
```
#8ba7b8 rgb(139,167,184)
```
#97b0bf
```
#97b0bf rgb(151,176,191)
```
#a3b9c6
```
#a3b9c6 rgb(163,185,198)
```
#afc2ce
```
#afc2ce rgb(175,194,206)
```
#bbccd5
```
#bbccd5 rgb(187,204,213)
```
#c8d5dd
```
#c8d5dd rgb(200,213,221)
```
#d4dee4
```
#d4dee4 rgb(212,222,228)
```
#e0e7ec
```
#e0e7ec rgb(224,231,236)
```
#ecf1f3
```
#ecf1f3 rgb(236,241,243)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#aaabac
```
#aaabac rgb(170,171,172)
```
#a4adb2
```
#a4adb2 rgb(164,173,178)
```
#9daeb9
```
#9daeb9 rgb(157,174,185)
```
#97b0bf
```
#97b0bf rgb(151,176,191)
```
#91b2c5
```
#91b2c5 rgb(145,178,197)
```
#8ab3cc
```
#8ab3cc rgb(138,179,204)
```
#84b5d2
```
#84b5d2 rgb(132,181,210)
```
#7db6d9
```
#7db6d9 rgb(125,182,217)
```
#77b8df
```
#77b8df rgb(119,184,223)
```
#70bae6
```
#70bae6 rgb(112,186,230)
```
#6abbec
```
#6abbec rgb(106,187,236)
```
#63bdf3
```
#63bdf3 rgb(99,189,243)
```
#5dbff9
```
#5dbff9 rgb(93,191,249)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a6abae Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeafbf Protanopia 1% of men
#b6acc4 Deuteranopia 1% of men
#9cb4c1 Tritanopia 0.001% of the population

Trichromacy

#a6afbf Protanomaly 1% of men, 0.01% of women
#abadc2 Deuteranomaly 6% of men, 0.4% of women
#9ab2c0 Tritanomaly 0.01% of the population

#97b0bf hex color

#97b0bf Color Information

#97b0bf Color Conversion

Color Schemes with #97b0bf

Alternatives to #97b0bf

#97b0bf Preview

Shades and Tints of #97b0bf

Tones of #97b0bf

Color Blindness Simulator