#af98f3 hex color

In a RGB color space, hex #af98f3 is composed of 68.6% red, 59.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 37.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 255.2 degrees, a saturation of 79.1% and a lightness of 77.5%. #af98f3 color hex could be obtained by blending #ffffff with #5f31e7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 60
- B 95
RGB color chart
- C 28
- M 37
- Y 0
- K 5
CMYK color chart

● #af98f3 color description : Very soft violet.

The hexadecimal color #af98f3 has RGB values of R:175, G:152, B:243 and CMYK values of C:0.28, M:0.37, Y:0, K:0.05. Its decimal value is 11507955.

Hex triplet	af98f3	`#af98f3`
RGB Decimal	175, 152, 243	`rgb(175,152,243)`
RGB Percent	68.6, 59.6, 95.3	`rgb(68.6%,59.6%,95.3%)`
CMYK	28, 37, 0, 5
HSL	255.2°, 79.1, 77.5	`hsl(255.2,79.1%,77.5%)`
HSV (or HSB)	255.2°, 37.4, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.051, 27.646, -42.612
XYZ	45.082, 38.041, 89.757
xyY	0.261, 0.22, 38.041
CIE-LCH	68.051, 50.795, 302.975
CIE-LUV	68.051, 5.244, -72.068
Hunter-Lab	61.678, 22.536, -43.108
Binary	10101111, 10011000, 11110011

#af98f3
```
#af98f3 rgb(175,152,243)
```
#dcf398
```
#dcf398 rgb(220,243,152)
```

Complementary Color

#98aff3
```
#98aff3 rgb(152,175,243)
```
#af98f3
```
#af98f3 rgb(175,152,243)
```
#dd98f3
```
#dd98f3 rgb(221,152,243)
```

Analogous Color

#aff398
```
#aff398 rgb(175,243,152)
```
#af98f3
```
#af98f3 rgb(175,152,243)
```
#f3dd98
```
#f3dd98 rgb(243,221,152)
```

Split Complementary Color

#98f3af
```
#98f3af rgb(152,243,175)
```
#af98f3
```
#af98f3 rgb(175,152,243)
```
#f3af98
```
#f3af98 rgb(243,175,152)
```

Triadic Color

#98dcf3
```
#98dcf3 rgb(152,220,243)
```
#af98f3
```
#af98f3 rgb(175,152,243)
```
#f3af98
```
#f3af98 rgb(243,175,152)
```
#dcf398
```
#dcf398 rgb(220,243,152)
```

Tetradic Color

#7a53eb
```
#7a53eb rgb(122,83,235)
```
#8c6aee
```
#8c6aee rgb(140,106,238)
```
#9d81f0
```
#9d81f0 rgb(157,129,240)
```
#af98f3
```
#af98f3 rgb(175,152,243)
```
#c1aff6
```
#c1aff6 rgb(193,175,246)
```
#d2c6f8
```
#d2c6f8 rgb(210,198,248)
```
#e4ddfb
```
#e4ddfb rgb(228,221,251)
```

Monochromatic Color

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

#9898f3
```
#9898f3 rgb(152,152,243)
```
#a098f3
```
#a098f3 rgb(160,152,243)
```
#a798f3
```
#a798f3 rgb(167,152,243)
```
#af98f3
```
#af98f3 rgb(175,152,243)
```
#b798f3
```
#b798f3 rgb(183,152,243)
```
#be98f3
```
#be98f3 rgb(190,152,243)
```
#c698f3
```
#c698f3 rgb(198,152,243)
```

Similar Colors

Text with hexadecimal color #af98f3

This text has a font color of #af98f3.

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

#af98f3 background color

This paragraph has a background color of #af98f3.

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

#af98f3 border color

This element has a border color of #af98f3.

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

CSS codes

.text {color:#af98f3;}

.background {background-color:#af98f3;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#070214
```
#070214 rgb(7,2,20)
```
#0d0426
```
#0d0426 rgb(13,4,38)
```
#130637
```
#130637 rgb(19,6,55)
```
#190849
```
#190849 rgb(25,8,73)
```
#1f0b5a
```
#1f0b5a rgb(31,11,90)
```
#250d6c
```
#250d6c rgb(37,13,108)
```
#2b0f7d
```
#2b0f7d rgb(43,15,125)
```
#31118f
```
#31118f rgb(49,17,143)
```
#3713a1
```
#3713a1 rgb(55,19,161)
```
#3d15b2
```
#3d15b2 rgb(61,21,178)
```
#4217c4
```
#4217c4 rgb(66,23,196)
```
#4819d5
```
#4819d5 rgb(72,25,213)
```

Shade Color Variation

#4f1de5
```
#4f1de5 rgb(79,29,229)
```
#5d2fe7
```
#5d2fe7 rgb(93,47,231)
```
#6b40e9
```
#6b40e9 rgb(107,64,233)
```
#7852eb
```
#7852eb rgb(120,82,235)
```
#8663ed
```
#8663ed rgb(134,99,237)
```
#9475ef
```
#9475ef rgb(148,117,239)
```
#a186f1
```
#a186f1 rgb(161,134,241)
```
#af98f3
```
#af98f3 rgb(175,152,243)
```
#bdaaf5
```
#bdaaf5 rgb(189,170,245)
```
#cabbf7
```
#cabbf7 rgb(202,187,247)
```
#d8cdf9
```
#d8cdf9 rgb(216,205,249)
```
#e6defb
```
#e6defb rgb(230,222,251)
```
#f3f0fd
```
#f3f0fd rgb(243,240,253)
```

Tint Color Variation

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

#c5c4c7
```
#c5c4c7 rgb(197,196,199)
```
#c3c0cb
```
#c3c0cb rgb(195,192,203)
```
#c0bbd0
```
#c0bbd0 rgb(192,187,208)
```
#beb7d4
```
#beb7d4 rgb(190,183,212)
```
#bcb3d8
```
#bcb3d8 rgb(188,179,216)
```
#baaedd
```
#baaedd rgb(186,174,221)
```
#b8aae1
```
#b8aae1 rgb(184,170,225)
```
#b6a5e6
```
#b6a5e6 rgb(182,165,230)
```
#b3a1ea
```
#b3a1ea rgb(179,161,234)
```
#b19cef
```
#b19cef rgb(177,156,239)
```
#af98f3
```
#af98f3 rgb(175,152,243)
```
#ad94f7
```
#ad94f7 rgb(173,148,247)
```
#ab8ffc
```
#ab8ffc rgb(171,143,252)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aaa6b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa7fb Protanopia 1% of men
#8ca9ef Deuteranopia 1% of men
#a4aab7 Tritanopia 0.001% of the population

Trichromacy

#97a2f8 Protanomaly 1% of men, 0.01% of women
#98a3f0 Deuteranomaly 6% of men, 0.4% of women
#a8a3cc Tritanomaly 0.01% of the population

#af98f3 hex color

#af98f3 Color Information

#af98f3 Color Conversion

Color Schemes with #af98f3

Alternatives to #af98f3

#af98f3 Preview

Shades and Tints of #af98f3

Tones of #af98f3

Color Blindness Simulator