#98a4bf hex color

In a RGB color space, hex #98a4bf is composed of 59.6% red, 64.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 14.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 221.5 degrees, a saturation of 23.4% and a lightness of 67.3%. #98a4bf color hex could be obtained by blending #ffffff with #31497f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 64
- B 75
RGB color chart
- C 20
- M 14
- Y 0
- K 25
CMYK color chart

● #98a4bf color description : Grayish blue.

The hexadecimal color #98a4bf has RGB values of R:152, G:164, B:191 and CMYK values of C:0.2, M:0.14, Y:0, K:0.25. Its decimal value is 10003647.

Hex triplet	98a4bf	`#98a4bf`
RGB Decimal	152, 164, 191	`rgb(152,164,191)`
RGB Percent	59.6, 64.3, 74.9	`rgb(59.6%,64.3%,74.9%)`
CMYK	20, 14, 0, 25
HSL	221.5°, 23.4, 67.3	`hsl(221.5,23.4%,67.3%)`
HSV (or HSB)	221.5°, 20.4, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.268, 1.596, -15.28
XYZ	35.626, 36.987, 54.55
xyY	0.28, 0.291, 36.987
CIE-LCH	67.268, 15.364, 275.963
CIE-LUV	67.268, -7.749, -23.517
Hunter-Lab	60.817, -1.866, -10.608
Binary	10011000, 10100100, 10111111

#98a4bf
```
#98a4bf rgb(152,164,191)
```
#bfb398
```
#bfb398 rgb(191,179,152)
```

Complementary Color

#98b8bf
```
#98b8bf rgb(152,184,191)
```
#98a4bf
```
#98a4bf rgb(152,164,191)
```
#a098bf
```
#a098bf rgb(160,152,191)
```

Analogous Color

#b8bf98
```
#b8bf98 rgb(184,191,152)
```
#98a4bf
```
#98a4bf rgb(152,164,191)
```
#bfa098
```
#bfa098 rgb(191,160,152)
```

Split Complementary Color

#a4bf98
```
#a4bf98 rgb(164,191,152)
```
#98a4bf
```
#98a4bf rgb(152,164,191)
```
#bf98a4
```
#bf98a4 rgb(191,152,164)
```

Triadic Color

#98bfb3
```
#98bfb3 rgb(152,191,179)
```
#98a4bf
```
#98a4bf rgb(152,164,191)
```
#bf98a4
```
#bf98a4 rgb(191,152,164)
```
#bfb398
```
#bfb398 rgb(191,179,152)
```

Tetradic Color

#697aa2
```
#697aa2 rgb(105,122,162)
```
#7988ab
```
#7988ab rgb(121,136,171)
```
#8896b5
```
#8896b5 rgb(136,150,181)
```
#98a4bf
```
#98a4bf rgb(152,164,191)
```
#a8b2c9
```
#a8b2c9 rgb(168,178,201)
```
#b7c0d3
```
#b7c0d3 rgb(183,192,211)
```
#c7cedc
```
#c7cedc rgb(199,206,220)
```

Monochromatic Color

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

#98aebf
```
#98aebf rgb(152,174,191)
```
#98abbf
```
#98abbf rgb(152,171,191)
```
#98a7bf
```
#98a7bf rgb(152,167,191)
```
#98a4bf
```
#98a4bf rgb(152,164,191)
```
#98a1bf
```
#98a1bf rgb(152,161,191)
```
#989ebf
```
#989ebf rgb(152,158,191)
```
#989abf
```
#989abf rgb(152,154,191)
```

Similar Colors

Text with hexadecimal color #98a4bf

This text has a font color of #98a4bf.

<span style="color:#98a4bf;">Text here</span>

#98a4bf background color

This paragraph has a background color of #98a4bf.

<p style="background-color:#98a4bf;">Content here</p>

#98a4bf border color

This element has a border color of #98a4bf.

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

CSS codes

.text {color:#98a4bf;}

.background {background-color:#98a4bf;}

.border {border:1px solid #98a4bf;}

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

#040406
```
#040406 rgb(4,4,6)
```
#0b0d12
```
#0b0d12 rgb(11,13,18)
```
#13161e
```
#13161e rgb(19,22,30)
```
#1a1f2a
```
#1a1f2a rgb(26,31,42)
```
#222836
```
#222836 rgb(34,40,54)
```
#293142
```
#293142 rgb(41,49,66)
```
#313a4e
```
#313a4e rgb(49,58,78)
```
#38435b
```
#38435b rgb(56,67,91)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#475573
```
#475573 rgb(71,85,115)
```
#4f5e7f
```
#4f5e7f rgb(79,94,127)
```
#56678b
```
#56678b rgb(86,103,139)
```
#5e6f97
```
#5e6f97 rgb(94,111,151)
```

Shade Color Variation

#6879a1
```
#6879a1 rgb(104,121,161)
```
#7484a8
```
#7484a8 rgb(116,132,168)
```
#808fb0
```
#808fb0 rgb(128,143,176)
```
#8c99b7
```
#8c99b7 rgb(140,153,183)
```
#98a4bf
```
#98a4bf rgb(152,164,191)
```
#a4afc7
```
#a4afc7 rgb(164,175,199)
```
#b0b9ce
```
#b0b9ce rgb(176,185,206)
```
#bcc4d6
```
#bcc4d6 rgb(188,196,214)
```
#c8cfdd
```
#c8cfdd rgb(200,207,221)
```
#d4d9e5
```
#d4d9e5 rgb(212,217,229)
```
#e1e4ec
```
#e1e4ec rgb(225,228,236)
```
#edeff4
```
#edeff4 rgb(237,239,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#ababac
```
#ababac rgb(171,171,172)
```
#a5a9b2
```
#a5a9b2 rgb(165,169,178)
```
#9ea6b9
```
#9ea6b9 rgb(158,166,185)
```
#98a4bf
```
#98a4bf rgb(152,164,191)
```
#92a2c5
```
#92a2c5 rgb(146,162,197)
```
#8b9fcc
```
#8b9fcc rgb(139,159,204)
```
#859dd2
```
#859dd2 rgb(133,157,210)
```
#7e9ad9
```
#7e9ad9 rgb(126,154,217)
```
#7898df
```
#7898df rgb(120,152,223)
```
#7195e6
```
#7195e6 rgb(113,149,230)
```
#6b93ec
```
#6b93ec rgb(107,147,236)
```
#6590f2
```
#6590f2 rgb(101,144,242)
```
#5e8ef9
```
#5e8ef9 rgb(94,142,249)
```

Tone Color Variation

Below, you can see how #98a4bf 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

#a3a3a3 Achromatopsia 0.005% of the population
#a1a3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a7c1 Protanopia 1% of men
#aaa4c3 Deuteranopia 1% of men
#9aaab7 Tritanopia 0.001% of the population

Trichromacy

#9fa6c0 Protanomaly 1% of men, 0.01% of women
#a3a4c1 Deuteranomaly 6% of men, 0.4% of women
#99a8b9 Tritanomaly 0.01% of the population

#98a4bf hex color

#98a4bf Color Information

#98a4bf Color Conversion

Color Schemes with #98a4bf

Alternatives to #98a4bf

#98a4bf Preview

Shades and Tints of #98a4bf

Tones of #98a4bf

Color Blindness Simulator