#af1cf4 hex color

In a RGB color space, hex #af1cf4 is composed of 68.6% red, 11% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 88.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 280.8 degrees, a saturation of 90.8% and a lightness of 53.3%. #af1cf4 color hex could be obtained by blending #ff38ff with #5f00e9. Closest websafe color is: #9933ff.

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

● #af1cf4 color description : Vivid violet.

The hexadecimal color #af1cf4 has RGB values of R:175, G:28, B:244 and CMYK values of C:0.28, M:0.89, Y:0, K:0.04. Its decimal value is 11476212.

Hex triplet	af1cf4	`#af1cf4`
RGB Decimal	175, 28, 244	`rgb(175,28,244)`
RGB Percent	68.6, 11, 95.7	`rgb(68.6%,11%,95.7%)`
CMYK	28, 89, 0, 4
HSL	280.8°, 90.8, 53.3	`hsl(280.8,90.8%,53.3%)`
HSV (or HSB)	280.8°, 88.5, 95.7
Web Safe	9933ff	`#9933ff`

CIE-LAB	47.594, 82.282, -75.907
XYZ	34.421, 16.477, 86.95
xyY	0.25, 0.12, 16.477
CIE-LCH	47.594, 111.948, 317.308
CIE-LUV	47.594, 34.643, -120.619
Hunter-Lab	40.592, 80.329, -98.588
Binary	10101111, 00011100, 11110100

#af1cf4
```
#af1cf4 rgb(175,28,244)
```
#61f41c
```
#61f41c rgb(97,244,28)
```

Complementary Color

#431cf4
```
#431cf4 rgb(67,28,244)
```
#af1cf4
```
#af1cf4 rgb(175,28,244)
```
#f41ccd
```
#f41ccd rgb(244,28,205)
```

Analogous Color

#1cf443
```
#1cf443 rgb(28,244,67)
```
#af1cf4
```
#af1cf4 rgb(175,28,244)
```
#cdf41c
```
#cdf41c rgb(205,244,28)
```

Split Complementary Color

#1cf4af
```
#1cf4af rgb(28,244,175)
```
#af1cf4
```
#af1cf4 rgb(175,28,244)
```
#f4af1c
```
#f4af1c rgb(244,175,28)
```

Triadic Color

#1c61f4
```
#1c61f4 rgb(28,97,244)
```
#af1cf4
```
#af1cf4 rgb(175,28,244)
```
#f4af1c
```
#f4af1c rgb(244,175,28)
```
#61f41c
```
#61f41c rgb(97,244,28)
```

Tetradic Color

#8209ba
```
#8209ba rgb(130,9,186)
```
#930ad3
```
#930ad3 rgb(147,10,211)
```
#a40beb
```
#a40beb rgb(164,11,235)
```
#af1cf4
```
#af1cf4 rgb(175,28,244)
```
#b834f5
```
#b834f5 rgb(184,52,245)
```
#c04df6
```
#c04df6 rgb(192,77,246)
```
#c965f8
```
#c965f8 rgb(201,101,248)
```

Monochromatic Color

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

#791cf4
```
#791cf4 rgb(121,28,244)
```
#8b1cf4
```
#8b1cf4 rgb(139,28,244)
```
#9d1cf4
```
#9d1cf4 rgb(157,28,244)
```
#af1cf4
```
#af1cf4 rgb(175,28,244)
```
#c11cf4
```
#c11cf4 rgb(193,28,244)
```
#d31cf4
```
#d31cf4 rgb(211,28,244)
```
#e51cf4
```
#e51cf4 rgb(229,28,244)
```

Similar Colors

Text with hexadecimal color #af1cf4

This text has a font color of #af1cf4.

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

#af1cf4 background color

This paragraph has a background color of #af1cf4.

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

#af1cf4 border color

This element has a border color of #af1cf4.

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

CSS codes

.text {color:#af1cf4;}

.background {background-color:#af1cf4;}

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

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, #0b0110 is the darkest color, while #fefdff is the lightest one.

#0b0110
```
#0b0110 rgb(11,1,16)
```
#180223
```
#180223 rgb(24,2,35)
```
#250336
```
#250336 rgb(37,3,54)
```
#320448
```
#320448 rgb(50,4,72)
```
#3f045b
```
#3f045b rgb(63,4,91)
```
#4c056e
```
#4c056e rgb(76,5,110)
```
#590680
```
#590680 rgb(89,6,128)
```
#660793
```
#660793 rgb(102,7,147)
```
#7308a6
```
#7308a6 rgb(115,8,166)
```
#8009b9
```
#8009b9 rgb(128,9,185)
```
#8e0acb
```
#8e0acb rgb(142,10,203)
```
#9b0bde
```
#9b0bde rgb(155,11,222)
```
#a80cf1
```
#a80cf1 rgb(168,12,241)
```

Shade Color Variation

#af1cf4
```
#af1cf4 rgb(175,28,244)
```
#b62ff5
```
#b62ff5 rgb(182,47,245)
```
#bc41f6
```
#bc41f6 rgb(188,65,246)
```
#c354f7
```
#c354f7 rgb(195,84,247)
```
#c967f8
```
#c967f8 rgb(201,103,248)
```
#d07af9
```
#d07af9 rgb(208,122,249)
```
#d78cf9
```
#d78cf9 rgb(215,140,249)
```
#dd9ffa
```
#dd9ffa rgb(221,159,250)
```
#e4b2fb
```
#e4b2fb rgb(228,178,251)
```
#eac4fc
```
#eac4fc rgb(234,196,252)
```
#f1d7fd
```
#f1d7fd rgb(241,215,253)
```
#f8eafe
```
#f8eafe rgb(248,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#8b818f
```
#8b818f rgb(139,129,143)
```
#8e7898
```
#8e7898 rgb(142,120,152)
```
#916ea2
```
#916ea2 rgb(145,110,162)
```
#9565ab
```
#9565ab rgb(149,101,171)
```
#985cb4
```
#985cb4 rgb(152,92,180)
```
#9b53bd
```
#9b53bd rgb(155,83,189)
```
#9e4ac6
```
#9e4ac6 rgb(158,74,198)
```
#a241cf
```
#a241cf rgb(162,65,207)
```
#a537d9
```
#a537d9 rgb(165,55,217)
```
#a82ee2
```
#a82ee2 rgb(168,46,226)
```
#ac25eb
```
#ac25eb rgb(172,37,235)
```
#af1cf4
```
#af1cf4 rgb(175,28,244)
```
#b213fd
```
#b213fd rgb(178,19,253)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#71537e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#996c73 Tritanopia 0.001% of the population

Trichromacy

#3f54e9 Protanomaly 1% of men, 0.01% of women
#3f58d8 Deuteranomaly 6% of men, 0.4% of women
#a14ea2 Tritanomaly 0.01% of the population

#af1cf4 hex color

#af1cf4 Color Information

#af1cf4 Color Conversion

Color Schemes with #af1cf4

Alternatives to #af1cf4

#af1cf4 Preview

Shades and Tints of #af1cf4

Tones of #af1cf4

Color Blindness Simulator