colorhexa.com

#af4af1 hex color

In a RGB color space, hex #af4af1 is composed of 68.6% red, 29% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 69.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 276.3 degrees, a saturation of 85.6% and a lightness of 61.8%. #af4af1 color hex could be obtained by blending #ff94ff with #5f00e3. Closest websafe color is: #9933ff.

- R 69
- G 29
- B 95
RGB color chart
- C 27
- M 69
- Y 0
- K 5
CMYK color chart

● #af4af1 color description : Soft violet.

The hexadecimal color #af4af1 has RGB values of R:175, G:74, B:241 and CMYK values of C:0.27, M:0.69, Y:0, K:0.05. Its decimal value is 11487985.

Hex triplet	af4af1	`#af4af1`
RGB Decimal	175, 74, 241	`rgb(175,74,241)`
RGB Percent	68.6, 29, 94.5	`rgb(68.6%,29%,94.5%)`
CMYK	27, 69, 0, 5
HSL	276.3°, 85.6, 61.8	`hsl(276.3,85.6%,61.8%)`
HSV (or HSB)	276.3°, 69.3, 94.5
Web Safe	9933ff	`#9933ff`

CIE-LAB	52.245, 67.612, -66.669
XYZ	36.003, 20.363, 85.248
xyY	0.254, 0.144, 20.363
CIE-LCH	52.245, 94.953, 315.402
CIE-LUV	52.245, 29.413, -109.658
Hunter-Lab	45.126, 63.444, -80.418
Binary	10101111, 01001010, 11110001

#af4af1
```
#af4af1 rgb(175,74,241)
```
#8cf14a
```
#8cf14a rgb(140,241,74)
```

Complementary Color

#5c4af1
```
#5c4af1 rgb(92,74,241)
```
#af4af1
```
#af4af1 rgb(175,74,241)
```
#f14ae0
```
#f14ae0 rgb(241,74,224)
```

Analogous Color

#4af15c
```
#4af15c rgb(74,241,92)
```
#af4af1
```
#af4af1 rgb(175,74,241)
```
#e0f14a
```
#e0f14a rgb(224,241,74)
```

Split Complementary Color

#4af1af
```
#4af1af rgb(74,241,175)
```
#af4af1
```
#af4af1 rgb(175,74,241)
```
#f1af4a
```
#f1af4a rgb(241,175,74)
```

Triadic Color

#4a8cf1
```
#4a8cf1 rgb(74,140,241)
```
#af4af1
```
#af4af1 rgb(175,74,241)
```
#f1af4a
```
#f1af4a rgb(241,175,74)
```
#8cf14a
```
#8cf14a rgb(140,241,74)
```

Tetradic Color

#8d11dd
```
#8d11dd rgb(141,17,221)
```
#9a1bed
```
#9a1bed rgb(154,27,237)
```
#a532ef
```
#a532ef rgb(165,50,239)
```
#af4af1
```
#af4af1 rgb(175,74,241)
```
#b962f3
```
#b962f3 rgb(185,98,243)
```
#c479f5
```
#c479f5 rgb(196,121,245)
```
#ce91f6
```
#ce91f6 rgb(206,145,246)
```

Monochromatic Color

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

#854af1
```
#854af1 rgb(133,74,241)
```
#934af1
```
#934af1 rgb(147,74,241)
```
#a14af1
```
#a14af1 rgb(161,74,241)
```
#af4af1
```
#af4af1 rgb(175,74,241)
```
#bd4af1
```
#bd4af1 rgb(189,74,241)
```
#cb4af1
```
#cb4af1 rgb(203,74,241)
```
#d94af1
```
#d94af1 rgb(217,74,241)
```

Similar Colors

Text with hexadecimal color #af4af1

This text has a font color of #af4af1.

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

#af4af1 background color

This paragraph has a background color of #af4af1.

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

#af4af1 border color

This element has a border color of #af4af1.

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

CSS codes

.text {color:#af4af1;}

.background {background-color:#af4af1;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0c0113
```
#0c0113 rgb(12,1,19)
```
#180325
```
#180325 rgb(24,3,37)
```
#230438
```
#230438 rgb(35,4,56)
```
#2f064a
```
#2f064a rgb(47,6,74)
```
#3b075c
```
#3b075c rgb(59,7,92)
```
#46096e
```
#46096e rgb(70,9,110)
```
#520a81
```
#520a81 rgb(82,10,129)
```
#5d0b93
```
#5d0b93 rgb(93,11,147)
```
#690da5
```
#690da5 rgb(105,13,165)
```
#740eb7
```
#740eb7 rgb(116,14,183)
```
#8010c9
```
#8010c9 rgb(128,16,201)
```
#8b11dc
```
#8b11dc rgb(139,17,220)
```

Shade Color Variation

#9713ed
```
#9713ed rgb(151,19,237)
```
#9f26ee
```
#9f26ee rgb(159,38,238)
```
#a738f0
```
#a738f0 rgb(167,56,240)
```
#af4af1
```
#af4af1 rgb(175,74,241)
```
#b75cf2
```
#b75cf2 rgb(183,92,242)
```
#bf6ef4
```
#bf6ef4 rgb(191,110,244)
```
#c781f5
```
#c781f5 rgb(199,129,245)
```
#cf93f7
```
#cf93f7 rgb(207,147,247)
```
#d7a5f8
```
#d7a5f8 rgb(215,165,248)
```
#dfb7f9
```
#dfb7f9 rgb(223,183,249)
```
#e7c9fb
```
#e7c9fb rgb(231,201,251)
```
#efdcfc
```
#efdcfc rgb(239,220,252)
```
#f7eefe
```
#f7eefe rgb(247,238,254)
```

Tint Color Variation

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

#9e9d9f
```
#9e9d9f rgb(158,157,159)
```
#9f95a6
```
#9f95a6 rgb(159,149,166)
```
#a18eae
```
#a18eae rgb(161,142,174)
```
#a286b5
```
#a286b5 rgb(162,134,181)
```
#a47fbd
```
#a47fbd rgb(164,127,189)
```
#a677c4
```
#a677c4 rgb(166,119,196)
```
#a770cc
```
#a770cc rgb(167,112,204)
```
#a968d3
```
#a968d3 rgb(169,104,211)
```
#aa61db
```
#aa61db rgb(170,97,219)
```
#ac59e2
```
#ac59e2 rgb(172,89,226)
```
#ad52ea
```
#ad52ea rgb(173,82,234)
```
#af4af1
```
#af4af1 rgb(175,74,241)
```
#b143f9
```
#b143f9 rgb(177,67,249)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0085de Deuteranopia 1% of men
#9c7a83 Tritanopia 0.001% of the population

Trichromacy

#3f6cf6 Protanomaly 1% of men, 0.01% of women
#3f6fe5 Deuteranomaly 6% of men, 0.4% of women
#a368ab Tritanomaly 0.01% of the population