#af74f4 hex color

In a RGB color space, hex #af74f4 is composed of 68.6% red, 45.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 52.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 267.7 degrees, a saturation of 85.3% and a lightness of 70.6%. #af74f4 color hex could be obtained by blending #ffe8ff with #5f00e9. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 45
- B 96
RGB color chart
- C 28
- M 52
- Y 0
- K 4
CMYK color chart

● #af74f4 color description : Soft violet.

The hexadecimal color #af74f4 has RGB values of R:175, G:116, B:244 and CMYK values of C:0.28, M:0.52, Y:0, K:0.04. Its decimal value is 11498740.

Hex triplet	af74f4	`#af74f4`
RGB Decimal	175, 116, 244	`rgb(175,116,244)`
RGB Percent	68.6, 45.5, 95.7	`rgb(68.6%,45.5%,95.7%)`
CMYK	28, 52, 0, 4
HSL	267.7°, 85.3, 70.6	`hsl(267.7,85.3%,70.6%)`
HSV (or HSB)	267.7°, 52.5, 95.7
Web Safe	9966ff	`#9966ff`

CIE-LAB	60.012, 47.839, -55.869
XYZ	40.251, 28.137, 88.893
xyY	0.256, 0.179, 28.137
CIE-LCH	60.012, 73.552, 310.572
CIE-LUV	60.012, 17.961, -94.368
Hunter-Lab	53.044, 42.623, -62.23
Binary	10101111, 01110100, 11110100

#af74f4
```
#af74f4 rgb(175,116,244)
```
#b9f474
```
#b9f474 rgb(185,244,116)
```

Complementary Color

#7479f4
```
#7479f4 rgb(116,121,244)
```
#af74f4
```
#af74f4 rgb(175,116,244)
```
#ef74f4
```
#ef74f4 rgb(239,116,244)
```

Analogous Color

#79f474
```
#79f474 rgb(121,244,116)
```
#af74f4
```
#af74f4 rgb(175,116,244)
```
#f4ef74
```
#f4ef74 rgb(244,239,116)
```

Split Complementary Color

#74f4af
```
#74f4af rgb(116,244,175)
```
#af74f4
```
#af74f4 rgb(175,116,244)
```
#f4af74
```
#f4af74 rgb(244,175,116)
```

Triadic Color

#74b9f4
```
#74b9f4 rgb(116,185,244)
```
#af74f4
```
#af74f4 rgb(175,116,244)
```
#f4af74
```
#f4af74 rgb(244,175,116)
```
#b9f474
```
#b9f474 rgb(185,244,116)
```

Tetradic Color

#862dee
```
#862dee rgb(134,45,238)
```
#9445f0
```
#9445f0 rgb(148,69,240)
```
#a15cf2
```
#a15cf2 rgb(161,92,242)
```
#af74f4
```
#af74f4 rgb(175,116,244)
```
#bd8cf6
```
#bd8cf6 rgb(189,140,246)
```
#caa3f8
```
#caa3f8 rgb(202,163,248)
```
#d8bbfa
```
#d8bbfa rgb(216,187,250)
```

Monochromatic Color

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

#8f74f4
```
#8f74f4 rgb(143,116,244)
```
#9a74f4
```
#9a74f4 rgb(154,116,244)
```
#a474f4
```
#a474f4 rgb(164,116,244)
```
#af74f4
```
#af74f4 rgb(175,116,244)
```
#ba74f4
```
#ba74f4 rgb(186,116,244)
```
#c474f4
```
#c474f4 rgb(196,116,244)
```
#cf74f4
```
#cf74f4 rgb(207,116,244)
```

Similar Colors

Text with hexadecimal color #af74f4

This text has a font color of #af74f4.

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

#af74f4 background color

This paragraph has a background color of #af74f4.

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

#af74f4 border color

This element has a border color of #af74f4.

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

CSS codes

.text {color:#af74f4;}

.background {background-color:#af74f4;}

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

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

#030106
```
#030106 rgb(3,1,6)
```
#0c0219
```
#0c0219 rgb(12,2,25)
```
#16032b
```
#16032b rgb(22,3,43)
```
#1f053d
```
#1f053d rgb(31,5,61)
```
#28064f
```
#28064f rgb(40,6,79)
```
#310861
```
#310861 rgb(49,8,97)
```
#3a0973
```
#3a0973 rgb(58,9,115)
```
#430b86
```
#430b86 rgb(67,11,134)
```
#4c0c98
```
#4c0c98 rgb(76,12,152)
```
#560daa
```
#560daa rgb(86,13,170)
```
#5f0fbc
```
#5f0fbc rgb(95,15,188)
```
#6810ce
```
#6810ce rgb(104,16,206)
```
#7112e1
```
#7112e1 rgb(113,18,225)
```

Shade Color Variation

#7b19ed
```
#7b19ed rgb(123,25,237)
```
#852bee
```
#852bee rgb(133,43,238)
```
#903df0
```
#903df0 rgb(144,61,240)
```
#9a50f1
```
#9a50f1 rgb(154,80,241)
```
#a562f3
```
#a562f3 rgb(165,98,243)
```
#af74f4
```
#af74f4 rgb(175,116,244)
```
#b986f5
```
#b986f5 rgb(185,134,245)
```
#c498f7
```
#c498f7 rgb(196,152,247)
```
#ceabf8
```
#ceabf8 rgb(206,171,248)
```
#d9bdfa
```
#d9bdfa rgb(217,189,250)
```
#e3cffb
```
#e3cffb rgb(227,207,251)
```
#eee1fd
```
#eee1fd rgb(238,225,253)
```
#f8f3fe
```
#f8f3fe rgb(248,243,254)
```

Tint Color Variation

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

#b4b3b5
```
#b4b3b5 rgb(180,179,181)
```
#b4aeba
```
#b4aeba rgb(180,174,186)
```
#b3a8c0
```
#b3a8c0 rgb(179,168,192)
```
#b3a2c6
```
#b3a2c6 rgb(179,162,198)
```
#b29ccc
```
#b29ccc rgb(178,156,204)
```
#b297d1
```
#b297d1 rgb(178,151,209)
```
#b191d7
```
#b191d7 rgb(177,145,215)
```
#b18bdd
```
#b18bdd rgb(177,139,221)
```
#b085e3
```
#b085e3 rgb(176,133,227)
```
#b080e8
```
#b080e8 rgb(176,128,232)
```
#af7aee
```
#af7aee rgb(175,122,238)
```
#af74f4
```
#af74f4 rgb(175,116,244)
```
#af6efa
```
#af6efa rgb(175,110,250)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#998ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c92ff Protanopia 1% of men
#5c97ea Deuteranopia 1% of men
#9f929d Tritanopia 0.001% of the population

Trichromacy

#7a87fb Protanomaly 1% of men, 0.01% of women
#7a8aee Deuteranomaly 6% of men, 0.4% of women
#a587bc Tritanomaly 0.01% of the population

#af74f4 hex color

#af74f4 Color Information

#af74f4 Color Conversion

Color Schemes with #af74f4

Alternatives to #af74f4

#af74f4 Preview

Shades and Tints of #af74f4

Tones of #af74f4

Color Blindness Simulator