colorhexa.com

#af04f1 hex color

In a RGB color space, hex #af04f1 is composed of 68.6% red, 1.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 98.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 283.3 degrees, a saturation of 96.7% and a lightness of 48%. #af04f1 color hex could be obtained by blending #ff08ff with #5f00e3. Closest websafe color is: #9900ff.

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

● #af04f1 color description : Vivid violet.

The hexadecimal color #af04f1 has RGB values of R:175, G:4, B:241 and CMYK values of C:0.27, M:0.98, Y:0, K:0.05. Its decimal value is 11470065.

Hex triplet	af04f1	`#af04f1`
RGB Decimal	175, 4, 241	`rgb(175,4,241)`
RGB Percent	68.6, 1.6, 94.5	`rgb(68.6%,1.6%,94.5%)`
CMYK	27, 98, 0, 5
HSL	283.3°, 96.7, 48	`hsl(283.3,96.7%,48%)`
HSV (or HSB)	283.3°, 98.3, 94.5
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.382, 84.642, -76.199
XYZ	33.598, 15.553, 84.446
xyY	0.251, 0.116, 15.553
CIE-LCH	46.382, 113.888, 318.005
CIE-LUV	46.382, 36.474, -120.155
Hunter-Lab	39.437, 83.055, -99.352
Binary	10101111, 00000100, 11110001

#af04f1
```
#af04f1 rgb(175,4,241)
```
#46f104
```
#46f104 rgb(70,241,4)
```

Complementary Color

#3804f1
```
#3804f1 rgb(56,4,241)
```
#af04f1
```
#af04f1 rgb(175,4,241)
```
#f104bd
```
#f104bd rgb(241,4,189)
```

Analogous Color

#04f139
```
#04f139 rgb(4,241,57)
```
#af04f1
```
#af04f1 rgb(175,4,241)
```
#bdf104
```
#bdf104 rgb(189,241,4)
```

Split Complementary Color

#04f1af
```
#04f1af rgb(4,241,175)
```
#af04f1
```
#af04f1 rgb(175,4,241)
```
#f1af04
```
#f1af04 rgb(241,175,4)
```

Triadic Color

#7803a6
```
#7803a6 rgb(120,3,166)
```
#8b03bf
```
#8b03bf rgb(139,3,191)
```
#9d04d8
```
#9d04d8 rgb(157,4,216)
```
#af04f1
```
#af04f1 rgb(175,4,241)
```
#bb13fb
```
#bb13fb rgb(187,19,251)
```
#c22cfc
```
#c22cfc rgb(194,44,252)
```
#c946fc
```
#c946fc rgb(201,70,252)
```

Monochromatic Color

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

#7404f1
```
#7404f1 rgb(116,4,241)
```
#8804f1
```
#8804f1 rgb(136,4,241)
```
#9b04f1
```
#9b04f1 rgb(155,4,241)
```
#af04f1
```
#af04f1 rgb(175,4,241)
```
#c304f1
```
#c304f1 rgb(195,4,241)
```
#d704f1
```
#d704f1 rgb(215,4,241)
```
#ea04f1
```
#ea04f1 rgb(234,4,241)
```

Similar Colors

Text with hexadecimal color #af04f1

This text has a font color of #af04f1.

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

#af04f1 background color

This paragraph has a background color of #af04f1.

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

#af04f1 border color

This element has a border color of #af04f1.

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

CSS codes

.text {color:#af04f1;}

.background {background-color:#af04f1;}

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

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

#070009
```
#070009 rgb(7,0,9)
```
#15001d
```
#15001d rgb(21,0,29)
```
#230130
```
#230130 rgb(35,1,48)
```
#310143
```
#310143 rgb(49,1,67)
```
#3f0157
```
#3f0157 rgb(63,1,87)
```
#4d026a
```
#4d026a rgb(77,2,106)
```
#5b027d
```
#5b027d rgb(91,2,125)
```
#690291
```
#690291 rgb(105,2,145)
```
#7703a4
```
#7703a4 rgb(119,3,164)
```
#8503b7
```
#8503b7 rgb(133,3,183)
```
#9303ca
```
#9303ca rgb(147,3,202)
```
#a104de
```
#a104de rgb(161,4,222)
```
#af04f1
```
#af04f1 rgb(175,4,241)
```

Shade Color Variation

#b90efb
```
#b90efb rgb(185,14,251)
```
#be21fb
```
#be21fb rgb(190,33,251)
```
#c434fc
```
#c434fc rgb(196,52,252)
```
#ca48fc
```
#ca48fc rgb(202,72,252)
```
#cf5bfc
```
#cf5bfc rgb(207,91,252)
```
#d56efd
```
#d56efd rgb(213,110,253)
```
#db81fd
```
#db81fd rgb(219,129,253)
```
#e095fd
```
#e095fd rgb(224,149,253)
```
#e6a8fe
```
#e6a8fe rgb(230,168,254)
```
#ebbbfe
```
#ebbbfe rgb(235,187,254)
```
#f1cffe
```
#f1cffe rgb(241,207,254)
```
#f7e2ff
```
#f7e2ff rgb(247,226,255)
```
#fcf5ff
```
#fcf5ff rgb(252,245,255)
```

Tint Color Variation

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

#7d7580
```
#7d7580 rgb(125,117,128)
```
#816c89
```
#816c89 rgb(129,108,137)
```
#856293
```
#856293 rgb(133,98,147)
```
#89599c
```
#89599c rgb(137,89,156)
```
#8e4fa6
```
#8e4fa6 rgb(142,79,166)
```
#9246af
```
#9246af rgb(146,70,175)
```
#963db8
```
#963db8 rgb(150,61,184)
```
#9a33c2
```
#9a33c2 rgb(154,51,194)
```
#9e2acb
```
#9e2acb rgb(158,42,203)
```
#a220d5
```
#a220d5 rgb(162,32,213)
```
#a717de
```
#a717de rgb(167,23,222)
```
#ab0de8
```
#ab0de8 rgb(171,13,232)
```
#af04f1
```
#af04f1 rgb(175,4,241)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072dd Protanopia 1% of men
#0078c3 Deuteranopia 1% of men
#99676e Tritanopia 0.001% of the population

Trichromacy

#3f4ae4 Protanomaly 1% of men, 0.01% of women
#3f4dd4 Deuteranomaly 6% of men, 0.4% of women
#a1439e Tritanomaly 0.01% of the population