#98afc2 hex color

In a RGB color space, hex #98afc2 is composed of 59.6% red, 68.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 9.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 207.1 degrees, a saturation of 25.6% and a lightness of 67.8%. #98afc2 color hex could be obtained by blending #ffffff with #315f85. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 69
- B 76
RGB color chart
- C 22
- M 10
- Y 0
- K 24
CMYK color chart

● #98afc2 color description : Grayish blue.

The hexadecimal color #98afc2 has RGB values of R:152, G:175, B:194 and CMYK values of C:0.22, M:0.1, Y:0, K:0.24. Its decimal value is 10006466.

Hex triplet	98afc2	`#98afc2`
RGB Decimal	152, 175, 194	`rgb(152,175,194)`
RGB Percent	59.6, 68.6, 76.1	`rgb(59.6%,68.6%,76.1%)`
CMYK	22, 10, 0, 24
HSL	207.1°, 25.6, 67.8	`hsl(207.1,25.6%,67.8%)`
HSV (or HSB)	207.1°, 21.6, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.336, -3.751, -12.325
XYZ	38.014, 41.23, 56.991
xyY	0.279, 0.303, 41.23
CIE-LCH	70.336, 12.883, 253.072
CIE-LUV	70.336, -12.865, -18.179
Hunter-Lab	64.21, -6.691, -7.677
Binary	10011000, 10101111, 11000010

#98afc2
```
#98afc2 rgb(152,175,194)
```
#c2ab98
```
#c2ab98 rgb(194,171,152)
```

Complementary Color

#98c2c0
```
#98c2c0 rgb(152,194,192)
```
#98afc2
```
#98afc2 rgb(152,175,194)
```
#989ac2
```
#989ac2 rgb(152,154,194)
```

Analogous Color

#c2c098
```
#c2c098 rgb(194,192,152)
```
#98afc2
```
#98afc2 rgb(152,175,194)
```
#c2989a
```
#c2989a rgb(194,152,154)
```

Split Complementary Color

#afc298
```
#afc298 rgb(175,194,152)
```
#98afc2
```
#98afc2 rgb(152,175,194)
```
#c298af
```
#c298af rgb(194,152,175)
```

Triadic Color

#98c2ab
```
#98c2ab rgb(152,194,171)
```
#98afc2
```
#98afc2 rgb(152,175,194)
```
#c298af
```
#c298af rgb(194,152,175)
```
#c2ab98
```
#c2ab98 rgb(194,171,152)
```

Tetradic Color

#688aa6
```
#688aa6 rgb(104,138,166)
```
#7896af
```
#7896af rgb(120,150,175)
```
#88a3b9
```
#88a3b9 rgb(136,163,185)
```
#98afc2
```
#98afc2 rgb(152,175,194)
```
#a8bbcb
```
#a8bbcb rgb(168,187,203)
```
#b8c8d5
```
#b8c8d5 rgb(184,200,213)
```
#c8d4de
```
#c8d4de rgb(200,212,222)
```

Monochromatic Color

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

#98bac2
```
#98bac2 rgb(152,186,194)
```
#98b6c2
```
#98b6c2 rgb(152,182,194)
```
#98b3c2
```
#98b3c2 rgb(152,179,194)
```
#98afc2
```
#98afc2 rgb(152,175,194)
```
#98acc2
```
#98acc2 rgb(152,172,194)
```
#98a8c2
```
#98a8c2 rgb(152,168,194)
```
#98a5c2
```
#98a5c2 rgb(152,165,194)
```

Similar Colors

Text with hexadecimal color #98afc2

This text has a font color of #98afc2.

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

#98afc2 background color

This paragraph has a background color of #98afc2.

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

#98afc2 border color

This element has a border color of #98afc2.

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

CSS codes

.text {color:#98afc2;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c1014
```
#0c1014 rgb(12,16,20)
```
#131b21
```
#131b21 rgb(19,27,33)
```
#1b252d
```
#1b252d rgb(27,37,45)
```
#222f39
```
#222f39 rgb(34,47,57)
```
#293945
```
#293945 rgb(41,57,69)
```
#304352
```
#304352 rgb(48,67,82)
```
#384d5e
```
#384d5e rgb(56,77,94)
```
#3f576a
```
#3f576a rgb(63,87,106)
```
#466177
```
#466177 rgb(70,97,119)
```
#4e6b83
```
#4e6b83 rgb(78,107,131)
```
#55758f
```
#55758f rgb(85,117,143)
```
#5c7f9c
```
#5c7f9c rgb(92,127,156)
```

Shade Color Variation

#6789a5
```
#6789a5 rgb(103,137,165)
```
#7392ac
```
#7392ac rgb(115,146,172)
```
#7f9cb3
```
#7f9cb3 rgb(127,156,179)
```
#8ca5bb
```
#8ca5bb rgb(140,165,187)
```
#98afc2
```
#98afc2 rgb(152,175,194)
```
#a4b9c9
```
#a4b9c9 rgb(164,185,201)
```
#b1c2d1
```
#b1c2d1 rgb(177,194,209)
```
#bdccd8
```
#bdccd8 rgb(189,204,216)
```
#c9d5df
```
#c9d5df rgb(201,213,223)
```
#d6dfe6
```
#d6dfe6 rgb(214,223,230)
```
#e2e8ee
```
#e2e8ee rgb(226,232,238)
```
#eef2f5
```
#eef2f5 rgb(238,242,245)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#abadaf
```
#abadaf rgb(171,173,175)
```
#a5aeb5
```
#a5aeb5 rgb(165,174,181)
```
#9eaebc
```
#9eaebc rgb(158,174,188)
```
#98afc2
```
#98afc2 rgb(152,175,194)
```
#92b0c8
```
#92b0c8 rgb(146,176,200)
```
#8bb0cf
```
#8bb0cf rgb(139,176,207)
```
#85b1d5
```
#85b1d5 rgb(133,177,213)
```
#7fb1db
```
#7fb1db rgb(127,177,219)
```
#78b2e2
```
#78b2e2 rgb(120,178,226)
```
#72b3e8
```
#72b3e8 rgb(114,179,232)
```
#6cb3ee
```
#6cb3ee rgb(108,179,238)
```
#66b4f4
```
#66b4f4 rgb(102,180,244)
```
#5fb4fb
```
#5fb4fb rgb(95,180,251)
```

Tone Color Variation

Below, you can see how #98afc2 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
#a6abaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#adafc2 Protanopia 1% of men
#b5acc7 Deuteranopia 1% of men
#9cb3c0 Tritanopia 0.001% of the population

Trichromacy

#a5afc2 Protanomaly 1% of men, 0.01% of women
#aaadc5 Deuteranomaly 6% of men, 0.4% of women
#9ab2c1 Tritanomaly 0.01% of the population

#98afc2 hex color

#98afc2 Color Information

#98afc2 Color Conversion

Color Schemes with #98afc2

Alternatives to #98afc2

#98afc2 Preview

Shades and Tints of #98afc2

Tones of #98afc2

Color Blindness Simulator