#af98f9 hex color

In a RGB color space, hex #af98f9 is composed of 68.6% red, 59.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 39% magenta, 0% yellow and 2.4% black. It has a hue angle of 254.2 degrees, a saturation of 89% and a lightness of 78.6%. #af98f9 color hex could be obtained by blending #ffffff with #5f31f3. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 60
- B 98
RGB color chart
- C 30
- M 39
- Y 0
- K 2
CMYK color chart

● #af98f9 color description : Very soft blue.

The hexadecimal color #af98f9 has RGB values of R:175, G:152, B:249 and CMYK values of C:0.3, M:0.39, Y:0, K:0.02. Its decimal value is 11507961.

Hex triplet	af98f9	`#af98f9`
RGB Decimal	175, 152, 249	`rgb(175,152,249)`
RGB Percent	68.6, 59.6, 97.6	`rgb(68.6%,59.6%,97.6%)`
CMYK	30, 39, 0, 2
HSL	254.2°, 89, 78.6	`hsl(254.2,89%,78.6%)`
HSV (or HSB)	254.2°, 39, 97.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.321, 29.118, -45.465
XYZ	46.003, 38.41, 94.607
xyY	0.257, 0.215, 38.41
CIE-LCH	68.321, 53.99, 302.637
CIE-LUV	68.321, 4.682, -77.068
Hunter-Lab	61.976, 24.04, -47.125
Binary	10101111, 10011000, 11111001

#af98f9
```
#af98f9 rgb(175,152,249)
```
#e2f998
```
#e2f998 rgb(226,249,152)
```

Complementary Color

#98b2f9
```
#98b2f9 rgb(152,178,249)
```
#af98f9
```
#af98f9 rgb(175,152,249)
```
#e098f9
```
#e098f9 rgb(224,152,249)
```

Analogous Color

#b2f998
```
#b2f998 rgb(178,249,152)
```
#af98f9
```
#af98f9 rgb(175,152,249)
```
#f9e098
```
#f9e098 rgb(249,224,152)
```

Split Complementary Color

#98f9af
```
#98f9af rgb(152,249,175)
```
#af98f9
```
#af98f9 rgb(175,152,249)
```
#f9af98
```
#f9af98 rgb(249,175,152)
```

Triadic Color

#98e2f9
```
#98e2f9 rgb(152,226,249)
```
#af98f9
```
#af98f9 rgb(175,152,249)
```
#f9af98
```
#f9af98 rgb(249,175,152)
```
#e2f998
```
#e2f998 rgb(226,249,152)
```

Tetradic Color

#7750f5
```
#7750f5 rgb(119,80,245)
```
#8a68f6
```
#8a68f6 rgb(138,104,246)
```
#9c80f8
```
#9c80f8 rgb(156,128,248)
```
#af98f9
```
#af98f9 rgb(175,152,249)
```
#c2b0fa
```
#c2b0fa rgb(194,176,250)
```
#d4c8fc
```
#d4c8fc rgb(212,200,252)
```
#e7e0fd
```
#e7e0fd rgb(231,224,253)
```

Monochromatic Color

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

#9899f9
```
#9899f9 rgb(152,153,249)
```
#9f98f9
```
#9f98f9 rgb(159,152,249)
```
#a798f9
```
#a798f9 rgb(167,152,249)
```
#af98f9
```
#af98f9 rgb(175,152,249)
```
#b798f9
```
#b798f9 rgb(183,152,249)
```
#bf98f9
```
#bf98f9 rgb(191,152,249)
```
#c798f9
```
#c798f9 rgb(199,152,249)
```

Similar Colors

Text with hexadecimal color #af98f9

This text has a font color of #af98f9.

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

#af98f9 background color

This paragraph has a background color of #af98f9.

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

#af98f9 border color

This element has a border color of #af98f9.

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

CSS codes

.text {color:#af98f9;}

.background {background-color:#af98f9;}

.border {border:1px solid #af98f9;}

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

#020008
```
#020008 rgb(2,0,8)
```
#08021b
```
#08021b rgb(8,2,27)
```
#0d032d
```
#0d032d rgb(13,3,45)
```
#120440
```
#120440 rgb(18,4,64)
```
#170552
```
#170552 rgb(23,5,82)
```
#1c0665
```
#1c0665 rgb(28,6,101)
```
#220777
```
#220777 rgb(34,7,119)
```
#27088a
```
#27088a rgb(39,8,138)
```
#2c099c
```
#2c099c rgb(44,9,156)
```
#310aaf
```
#310aaf rgb(49,10,175)
```
#370bc2
```
#370bc2 rgb(55,11,194)
```
#3c0cd4
```
#3c0cd4 rgb(60,12,212)
```
#410de7
```
#410de7 rgb(65,13,231)
```

Shade Color Variation

#4a16f1
```
#4a16f1 rgb(74,22,241)
```
#5929f3
```
#5929f3 rgb(89,41,243)
```
#673bf4
```
#673bf4 rgb(103,59,244)
```
#754ef5
```
#754ef5 rgb(117,78,245)
```
#8460f6
```
#8460f6 rgb(132,96,246)
```
#9273f7
```
#9273f7 rgb(146,115,247)
```
#a185f8
```
#a185f8 rgb(161,133,248)
```
#af98f9
```
#af98f9 rgb(175,152,249)
```
#bdabfa
```
#bdabfa rgb(189,171,250)
```
#ccbdfb
```
#ccbdfb rgb(204,189,251)
```
#dad0fc
```
#dad0fc rgb(218,208,252)
```
#e9e2fd
```
#e9e2fd rgb(233,226,253)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

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

#c7c6cb
```
#c7c6cb rgb(199,198,203)
```
#c5c2cf
```
#c5c2cf rgb(197,194,207)
```
#c3bed3
```
#c3bed3 rgb(195,190,211)
```
#c1bad7
```
#c1bad7 rgb(193,186,215)
```
#beb5dc
```
#beb5dc rgb(190,181,220)
```
#bcb1e0
```
#bcb1e0 rgb(188,177,224)
```
#baade4
```
#baade4 rgb(186,173,228)
```
#b8a9e8
```
#b8a9e8 rgb(184,169,232)
```
#b6a5ec
```
#b6a5ec rgb(182,165,236)
```
#b3a0f1
```
#b3a0f1 rgb(179,160,241)
```
#b19cf5
```
#b19cf5 rgb(177,156,245)
```
#af98f9
```
#af98f9 rgb(175,152,249)
```
#ad94fd
```
#ad94fd rgb(173,148,253)
```

Tone Color Variation

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

Dichromacy

#88a8ff Protanopia 1% of men
#88aaf4 Deuteranopia 1% of men
#a3acb8 Tritanopia 0.001% of the population

Trichromacy

#96a2fc Protanomaly 1% of men, 0.01% of women
#96a3f6 Deuteranomaly 6% of men, 0.4% of women
#a7a4cf Tritanomaly 0.01% of the population

#af98f9 hex color

#af98f9 Color Information

#af98f9 Color Conversion

Color Schemes with #af98f9

Alternatives to #af98f9

#af98f9 Preview

Shades and Tints of #af98f9

Tones of #af98f9

Color Blindness Simulator