#af74f9 hex color

In a RGB color space, hex #af74f9 is composed of 68.6% red, 45.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 53.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 266.6 degrees, a saturation of 91.7% and a lightness of 71.6%. #af74f9 color hex could be obtained by blending #ffe8ff with #5f00f3. Closest websafe color is: #9966ff.

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

● #af74f9 color description : Soft violet.

The hexadecimal color #af74f9 has RGB values of R:175, G:116, B:249 and CMYK values of C:0.3, M:0.53, Y:0, K:0.02. Its decimal value is 11498745.

Hex triplet	af74f9	`#af74f9`
RGB Decimal	175, 116, 249	`rgb(175,116,249)`
RGB Percent	68.6, 45.5, 97.6	`rgb(68.6%,45.5%,97.6%)`
CMYK	30, 53, 0, 2
HSL	266.6°, 91.7, 71.6	`hsl(266.6,91.7%,71.6%)`
HSV (or HSB)	266.6°, 53.4, 97.6
Web Safe	9966ff	`#9966ff`

CIE-LAB	60.288, 49.026, -58.192
XYZ	41.021, 28.445, 92.947
xyY	0.253, 0.175, 28.445
CIE-LCH	60.288, 76.091, 310.114
CIE-LUV	60.288, 17.207, -98.293
Hunter-Lab	53.333, 43.957, -65.994
Binary	10101111, 01110100, 11111001

#af74f9
```
#af74f9 rgb(175,116,249)
```
#bef974
```
#bef974 rgb(190,249,116)
```

Complementary Color

#747cf9
```
#747cf9 rgb(116,124,249)
```
#af74f9
```
#af74f9 rgb(175,116,249)
```
#f274f9
```
#f274f9 rgb(242,116,249)
```

Analogous Color

#7cf974
```
#7cf974 rgb(124,249,116)
```
#af74f9
```
#af74f9 rgb(175,116,249)
```
#f9f274
```
#f9f274 rgb(249,242,116)
```

Split Complementary Color

#74f9af
```
#74f9af rgb(116,249,175)
```
#af74f9
```
#af74f9 rgb(175,116,249)
```
#f9af74
```
#f9af74 rgb(249,175,116)
```

Triadic Color

#74bef9
```
#74bef9 rgb(116,190,249)
```
#af74f9
```
#af74f9 rgb(175,116,249)
```
#f9af74
```
#f9af74 rgb(249,175,116)
```
#bef974
```
#bef974 rgb(190,249,116)
```

Tetradic Color

#852bf6
```
#852bf6 rgb(133,43,246)
```
#9343f7
```
#9343f7 rgb(147,67,247)
```
#a15cf8
```
#a15cf8 rgb(161,92,248)
```
#af74f9
```
#af74f9 rgb(175,116,249)
```
#bd8cfa
```
#bd8cfa rgb(189,140,250)
```
#cba5fb
```
#cba5fb rgb(203,165,251)
```
#d9bdfc
```
#d9bdfc rgb(217,189,252)
```

Monochromatic Color

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

#8e74f9
```
#8e74f9 rgb(142,116,249)
```
#9974f9
```
#9974f9 rgb(153,116,249)
```
#a474f9
```
#a474f9 rgb(164,116,249)
```
#af74f9
```
#af74f9 rgb(175,116,249)
```
#ba74f9
```
#ba74f9 rgb(186,116,249)
```
#c574f9
```
#c574f9 rgb(197,116,249)
```
#d074f9
```
#d074f9 rgb(208,116,249)
```

Similar Colors

Text with hexadecimal color #af74f9

This text has a font color of #af74f9.

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

#af74f9 background color

This paragraph has a background color of #af74f9.

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

#af74f9 border color

This element has a border color of #af74f9.

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

CSS codes

.text {color:#af74f9;}

.background {background-color:#af74f9;}

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

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, #05000b is the darkest color, while #fbf8ff is the lightest one.

#05000b
```
#05000b rgb(5,0,11)
```
#0e011e
```
#0e011e rgb(14,1,30)
```
#170231
```
#170231 rgb(23,2,49)
```
#200344
```
#200344 rgb(32,3,68)
```
#290457
```
#290457 rgb(41,4,87)
```
#310569
```
#310569 rgb(49,5,105)
```
#3a057c
```
#3a057c rgb(58,5,124)
```
#43068f
```
#43068f rgb(67,6,143)
```
#4c07a2
```
#4c07a2 rgb(76,7,162)
```
#5408b5
```
#5408b5 rgb(84,8,181)
```
#5d09c7
```
#5d09c7 rgb(93,9,199)
```
#6609da
```
#6609da rgb(102,9,218)
```
#6f0aed
```
#6f0aed rgb(111,10,237)
```

Shade Color Variation

#7916f5
```
#7916f5 rgb(121,22,245)
```
#8429f6
```
#8429f6 rgb(132,41,246)
```
#8f3cf7
```
#8f3cf7 rgb(143,60,247)
```
#994ef7
```
#994ef7 rgb(153,78,247)
```
#a461f8
```
#a461f8 rgb(164,97,248)
```
#af74f9
```
#af74f9 rgb(175,116,249)
```
#ba87fa
```
#ba87fa rgb(186,135,250)
```
#c59afb
```
#c59afb rgb(197,154,251)
```
#cfacfb
```
#cfacfb rgb(207,172,251)
```
#dabffc
```
#dabffc rgb(218,191,252)
```
#e5d2fd
```
#e5d2fd rgb(229,210,253)
```
#f0e5fe
```
#f0e5fe rgb(240,229,254)
```
#fbf8ff
```
#fbf8ff rgb(251,248,255)
```

Tint Color Variation

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

#b6b1bc
```
#b6b1bc rgb(182,177,188)
```
#b5acc1
```
#b5acc1 rgb(181,172,193)
```
#b5a6c7
```
#b5a6c7 rgb(181,166,199)
```
#b4a1cc
```
#b4a1cc rgb(180,161,204)
```
#b39bd2
```
#b39bd2 rgb(179,155,210)
```
#b395d8
```
#b395d8 rgb(179,149,216)
```
#b290dd
```
#b290dd rgb(178,144,221)
```
#b28ae3
```
#b28ae3 rgb(178,138,227)
```
#b185e8
```
#b185e8 rgb(177,133,232)
```
#b07fee
```
#b07fee rgb(176,127,238)
```
#b07af3
```
#b07af3 rgb(176,122,243)
```
#af74f9
```
#af74f9 rgb(175,116,249)
```
#ae6eff
```
#ae6eff rgb(174,110,255)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9a8ea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e93ff Protanopia 1% of men
#5698ee Deuteranopia 1% of men
#9e939e Tritanopia 0.001% of the population

Trichromacy

#7b88fc Protanomaly 1% of men, 0.01% of women
#768af2 Deuteranomaly 6% of men, 0.4% of women
#a488bf Tritanomaly 0.01% of the population

#af74f9 hex color

#af74f9 Color Information

#af74f9 Color Conversion

Color Schemes with #af74f9

Alternatives to #af74f9

#af74f9 Preview

Shades and Tints of #af74f9

Tones of #af74f9

Color Blindness Simulator