#98a8bf hex color

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

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

● #98a8bf color description : Grayish blue.

The hexadecimal color #98a8bf has RGB values of R:152, G:168, B:191 and CMYK values of C:0.2, M:0.12, Y:0, K:0.25. Its decimal value is 10004671.

Hex triplet	98a8bf	`#98a8bf`
RGB Decimal	152, 168, 191	`rgb(152,168,191)`
RGB Percent	59.6, 65.9, 74.9	`rgb(59.6%,65.9%,74.9%)`
CMYK	20, 12, 0, 25
HSL	215.4°, 23.4, 67.3	`hsl(215.4,23.4%,67.3%)`
HSV (or HSB)	215.4°, 20.4, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.345, -0.611, -13.658
XYZ	36.354, 38.442, 54.792
xyY	0.281, 0.297, 38.442
CIE-LCH	68.345, 13.672, 267.437
CIE-LUV	68.345, -9.575, -20.674
Hunter-Lab	62.001, -3.841, -8.995
Binary	10011000, 10101000, 10111111

#98a8bf
```
#98a8bf rgb(152,168,191)
```
#bfaf98
```
#bfaf98 rgb(191,175,152)
```

Complementary Color

#98bcbf
```
#98bcbf rgb(152,188,191)
```
#98a8bf
```
#98a8bf rgb(152,168,191)
```
#9c98bf
```
#9c98bf rgb(156,152,191)
```

Analogous Color

#bcbf98
```
#bcbf98 rgb(188,191,152)
```
#98a8bf
```
#98a8bf rgb(152,168,191)
```
#bf9c98
```
#bf9c98 rgb(191,156,152)
```

Split Complementary Color

#a8bf98
```
#a8bf98 rgb(168,191,152)
```
#98a8bf
```
#98a8bf rgb(152,168,191)
```
#bf98a8
```
#bf98a8 rgb(191,152,168)
```

Triadic Color

#98bfaf
```
#98bfaf rgb(152,191,175)
```
#98a8bf
```
#98a8bf rgb(152,168,191)
```
#bf98a8
```
#bf98a8 rgb(191,152,168)
```
#bfaf98
```
#bfaf98 rgb(191,175,152)
```

Tetradic Color

#6980a2
```
#6980a2 rgb(105,128,162)
```
#798dab
```
#798dab rgb(121,141,171)
```
#889bb5
```
#889bb5 rgb(136,155,181)
```
#98a8bf
```
#98a8bf rgb(152,168,191)
```
#a8b5c9
```
#a8b5c9 rgb(168,181,201)
```
#b7c3d3
```
#b7c3d3 rgb(183,195,211)
```
#c7d0dc
```
#c7d0dc rgb(199,208,220)
```

Monochromatic Color

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

#98b2bf
```
#98b2bf rgb(152,178,191)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#98abbf
```
#98abbf rgb(152,171,191)
```
#98a8bf
```
#98a8bf rgb(152,168,191)
```
#98a5bf
```
#98a5bf rgb(152,165,191)
```
#98a2bf
```
#98a2bf rgb(152,162,191)
```
#989ebf
```
#989ebf rgb(152,158,191)
```

Similar Colors

Text with hexadecimal color #98a8bf

This text has a font color of #98a8bf.

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

#98a8bf background color

This paragraph has a background color of #98a8bf.

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

#98a8bf border color

This element has a border color of #98a8bf.

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

CSS codes

.text {color:#98a8bf;}

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

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

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)
```
#0b0e12
```
#0b0e12 rgb(11,14,18)
```
#13171e
```
#13171e rgb(19,23,30)
```
#1a212a
```
#1a212a rgb(26,33,42)
```
#222a36
```
#222a36 rgb(34,42,54)
```
#293442
```
#293442 rgb(41,52,66)
```
#313d4e
```
#313d4e rgb(49,61,78)
```
#38465b
```
#38465b rgb(56,70,91)
```
#405067
```
#405067 rgb(64,80,103)
```
#475973
```
#475973 rgb(71,89,115)
```
#4f637f
```
#4f637f rgb(79,99,127)
```
#566c8b
```
#566c8b rgb(86,108,139)
```
#5e7597
```
#5e7597 rgb(94,117,151)
```

Shade Color Variation

#687fa1
```
#687fa1 rgb(104,127,161)
```
#7489a8
```
#7489a8 rgb(116,137,168)
```
#8094b0
```
#8094b0 rgb(128,148,176)
```
#8c9eb7
```
#8c9eb7 rgb(140,158,183)
```
#98a8bf
```
#98a8bf rgb(152,168,191)
```
#a4b2c7
```
#a4b2c7 rgb(164,178,199)
```
#b0bcce
```
#b0bcce rgb(176,188,206)
```
#bcc7d6
```
#bcc7d6 rgb(188,199,214)
```
#c8d1dd
```
#c8d1dd rgb(200,209,221)
```
#d4dbe5
```
#d4dbe5 rgb(212,219,229)
```
#e1e5ec
```
#e1e5ec rgb(225,229,236)
```
#edf0f4
```
#edf0f4 rgb(237,240,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 #5e9ef9 is the most saturated one.

#ababac
```
#ababac rgb(171,171,172)
```
#a5aab2
```
#a5aab2 rgb(165,170,178)
```
#9ea9b9
```
#9ea9b9 rgb(158,169,185)
```
#98a8bf
```
#98a8bf rgb(152,168,191)
```
#92a7c5
```
#92a7c5 rgb(146,167,197)
```
#8ba6cc
```
#8ba6cc rgb(139,166,204)
```
#85a5d2
```
#85a5d2 rgb(133,165,210)
```
#7ea3d9
```
#7ea3d9 rgb(126,163,217)
```
#78a2df
```
#78a2df rgb(120,162,223)
```
#71a1e6
```
#71a1e6 rgb(113,161,230)
```
#6ba0ec
```
#6ba0ec rgb(107,160,236)
```
#659ff2
```
#659ff2 rgb(101,159,242)
```
#5e9ef9
```
#5e9ef9 rgb(94,158,249)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a3a6ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a9c0 Protanopia 1% of men
#aea7c4 Deuteranopia 1% of men
#9badba Tritanopia 0.001% of the population

Trichromacy

#a1a9c0 Protanomaly 1% of men, 0.01% of women
#a6a7c2 Deuteranomaly 6% of men, 0.4% of women
#9aabbc Tritanomaly 0.01% of the population

#98a8bf hex color

#98a8bf Color Information

#98a8bf Color Conversion

Color Schemes with #98a8bf

Alternatives to #98a8bf

#98a8bf Preview

Shades and Tints of #98a8bf

Tones of #98a8bf

Color Blindness Simulator