#98afbf hex color

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

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

● #98afbf color description : Grayish blue.

The hexadecimal color #98afbf has RGB values of R:152, G:175, B:191 and CMYK values of C:0.2, M:0.08, Y:0, K:0.25. Its decimal value is 10006463.

Hex triplet	98afbf	`#98afbf`
RGB Decimal	152, 175, 191	`rgb(152,175,191)`
RGB Percent	59.6, 68.6, 74.9	`rgb(59.6%,68.6%,74.9%)`
CMYK	20, 8, 0, 25
HSL	204.6°, 23.4, 67.3	`hsl(204.6,23.4%,67.3%)`
HSV (or HSB)	204.6°, 20.4, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.243, -4.43, -10.812
XYZ	37.681, 41.096, 55.234
xyY	0.281, 0.307, 41.096
CIE-LCH	70.243, 11.684, 247.72
CIE-LUV	70.243, -12.777, -15.693
Hunter-Lab	64.106, -7.266, -6.21
Binary	10011000, 10101111, 10111111

#98afbf
```
#98afbf rgb(152,175,191)
```
#bfa898
```
#bfa898 rgb(191,168,152)
```

Complementary Color

#98bfbc
```
#98bfbc rgb(152,191,188)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#989cbf
```
#989cbf rgb(152,156,191)
```

Analogous Color

#bfbc98
```
#bfbc98 rgb(191,188,152)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#bf989c
```
#bf989c rgb(191,152,156)
```

Split Complementary Color

#afbf98
```
#afbf98 rgb(175,191,152)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#bf98af
```
#bf98af rgb(191,152,175)
```

Triadic Color

#98bfa8
```
#98bfa8 rgb(152,191,168)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#bf98af
```
#bf98af rgb(191,152,175)
```
#bfa898
```
#bfa898 rgb(191,168,152)
```

Tetradic Color

#698aa2
```
#698aa2 rgb(105,138,162)
```
#7997ab
```
#7997ab rgb(121,151,171)
```
#88a3b5
```
#88a3b5 rgb(136,163,181)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#a8bbc9
```
#a8bbc9 rgb(168,187,201)
```
#b7c7d3
```
#b7c7d3 rgb(183,199,211)
```
#c7d4dc
```
#c7d4dc rgb(199,212,220)
```

Monochromatic Color

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

#98b9bf
```
#98b9bf rgb(152,185,191)
```
#98b6bf
```
#98b6bf rgb(152,182,191)
```
#98b2bf
```
#98b2bf rgb(152,178,191)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#98acbf
```
#98acbf rgb(152,172,191)
```
#98a9bf
```
#98a9bf rgb(152,169,191)
```
#98a5bf
```
#98a5bf rgb(152,165,191)
```

Similar Colors

Text with hexadecimal color #98afbf

This text has a font color of #98afbf.

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

#98afbf background color

This paragraph has a background color of #98afbf.

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

#98afbf border color

This element has a border color of #98afbf.

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

CSS codes

.text {color:#98afbf;}

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

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

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)
```
#0b0f12
```
#0b0f12 rgb(11,15,18)
```
#13191e
```
#13191e rgb(19,25,30)
```
#1a242a
```
#1a242a rgb(26,36,42)
```
#222e36
```
#222e36 rgb(34,46,54)
```
#293842
```
#293842 rgb(41,56,66)
```
#31424e
```
#31424e rgb(49,66,78)
```
#384d5b
```
#384d5b rgb(56,77,91)
```
#405767
```
#405767 rgb(64,87,103)
```
#476173
```
#476173 rgb(71,97,115)
```
#4f6b7f
```
#4f6b7f rgb(79,107,127)
```
#56758b
```
#56758b rgb(86,117,139)
```
#5e8097
```
#5e8097 rgb(94,128,151)
```

Shade Color Variation

#6889a1
```
#6889a1 rgb(104,137,161)
```
#7493a8
```
#7493a8 rgb(116,147,168)
```
#809cb0
```
#809cb0 rgb(128,156,176)
```
#8ca6b7
```
#8ca6b7 rgb(140,166,183)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#a4b8c7
```
#a4b8c7 rgb(164,184,199)
```
#b0c2ce
```
#b0c2ce rgb(176,194,206)
```
#bccbd6
```
#bccbd6 rgb(188,203,214)
```
#c8d5dd
```
#c8d5dd rgb(200,213,221)
```
#d4dee5
```
#d4dee5 rgb(212,222,229)
```
#e1e7ec
```
#e1e7ec rgb(225,231,236)
```
#edf1f4
```
#edf1f4 rgb(237,241,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#abacac
```
#abacac rgb(171,172,172)
```
#a5adb2
```
#a5adb2 rgb(165,173,178)
```
#9eaeb9
```
#9eaeb9 rgb(158,174,185)
```
#98afbf
```
#98afbf rgb(152,175,191)
```
#92b0c5
```
#92b0c5 rgb(146,176,197)
```
#8bb1cc
```
#8bb1cc rgb(139,177,204)
```
#85b2d2
```
#85b2d2 rgb(133,178,210)
```
#7eb4d9
```
#7eb4d9 rgb(126,180,217)
```
#78b5df
```
#78b5df rgb(120,181,223)
```
#71b6e6
```
#71b6e6 rgb(113,182,230)
```
#6bb7ec
```
#6bb7ec rgb(107,183,236)
```
#65b8f2
```
#65b8f2 rgb(101,184,242)
```
#5eb9f9
```
#5eb9f9 rgb(94,185,249)
```

Tone Color Variation

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

#aeaebf Protanopia 1% of men
#b6abc4 Deuteranopia 1% of men
#9cb3c0 Tritanopia 0.001% of the population

Trichromacy

#a6aebf Protanomaly 1% of men, 0.01% of women
#abacc2 Deuteranomaly 6% of men, 0.4% of women
#9bb1bf Tritanomaly 0.01% of the population

#98afbf hex color

#98afbf Color Information

#98afbf Color Conversion

Color Schemes with #98afbf

Alternatives to #98afbf

#98afbf Preview

Shades and Tints of #98afbf

Tones of #98afbf

Color Blindness Simulator