colorhexa.com

#af07c4 hex color

In a RGB color space, hex #af07c4 is composed of 68.6% red, 2.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 96.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 293.3 degrees, a saturation of 93.1% and a lightness of 39.8%. #af07c4 color hex could be obtained by blending #ff0eff with #5f0089. Closest websafe color is: #9900cc.

- R 69
- G 3
- B 77
RGB color chart
- C 11
- M 96
- Y 0
- K 23
CMYK color chart

● #af07c4 color description : Strong magenta.

The hexadecimal color #af07c4 has RGB values of R:175, G:7, B:196 and CMYK values of C:0.11, M:0.96, Y:0, K:0.23. Its decimal value is 11470788.

Hex triplet	af07c4	`#af07c4`
RGB Decimal	175, 7, 196	`rgb(175,7,196)`
RGB Percent	68.6, 2.7, 76.9	`rgb(68.6%,2.7%,76.9%)`
CMYK	11, 96, 0, 23
HSL	293.3°, 93.1, 39.8	`hsl(293.3,93.1%,39.8%)`
HSV (or HSB)	293.3°, 96.4, 76.9
Web Safe	9900cc	`#9900cc`

CIE-LAB	43.142, 76.649, -55.673
XYZ	27.718, 13.253, 53.32
xyY	0.294, 0.141, 13.253
CIE-LCH	43.142, 94.734, 324.008
CIE-LUV	43.142, 49.939, -89.57
Hunter-Lab	36.405, 72.199, -61.355
Binary	10101111, 00000111, 11000100

#af07c4
```
#af07c4 rgb(175,7,196)
```
#1cc407
```
#1cc407 rgb(28,196,7)
```

Complementary Color

#5007c4
```
#5007c4 rgb(80,7,196)
```
#af07c4
```
#af07c4 rgb(175,7,196)
```
#c4077b
```
#c4077b rgb(196,7,123)
```

Analogous Color

#07c450
```
#07c450 rgb(7,196,80)
```
#af07c4
```
#af07c4 rgb(175,7,196)
```
#7bc407
```
#7bc407 rgb(123,196,7)
```

Split Complementary Color

#07c4af
```
#07c4af rgb(7,196,175)
```
#af07c4
```
#af07c4 rgb(175,7,196)
```
#c4af07
```
#c4af07 rgb(196,175,7)
```

Triadic Color

#6d047a
```
#6d047a rgb(109,4,122)
```
#830593
```
#830593 rgb(131,5,147)
```
#9906ab
```
#9906ab rgb(153,6,171)
```
#af07c4
```
#af07c4 rgb(175,7,196)
```
#c508dd
```
#c508dd rgb(197,8,221)
```
#db09f5
```
#db09f5 rgb(219,9,245)
```
#df20f7
```
#df20f7 rgb(223,32,247)
```

Monochromatic Color

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

#8007c4
```
#8007c4 rgb(128,7,196)
```
#9007c4
```
#9007c4 rgb(144,7,196)
```
#9f07c4
```
#9f07c4 rgb(159,7,196)
```
#af07c4
```
#af07c4 rgb(175,7,196)
```
#bf07c4
```
#bf07c4 rgb(191,7,196)
```
#c407ba
```
#c407ba rgb(196,7,186)
```
#c407aa
```
#c407aa rgb(196,7,170)
```

Similar Colors

Text with hexadecimal color #af07c4

This text has a font color of #af07c4.

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

#af07c4 background color

This paragraph has a background color of #af07c4.

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

#af07c4 border color

This element has a border color of #af07c4.

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

CSS codes

.text {color:#af07c4;}

.background {background-color:#af07c4;}

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

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

#060007
```
#060007 rgb(6,0,7)
```
#17011a
```
#17011a rgb(23,1,26)
```
#28022c
```
#28022c rgb(40,2,44)
```
#39023f
```
#39023f rgb(57,2,63)
```
#4a0352
```
#4a0352 rgb(74,3,82)
```
#5a0465
```
#5a0465 rgb(90,4,101)
```
#6b0478
```
#6b0478 rgb(107,4,120)
```
#7c058b
```
#7c058b rgb(124,5,139)
```
#8d069e
```
#8d069e rgb(141,6,158)
```
#9e06b1
```
#9e06b1 rgb(158,6,177)
```
#af07c4
```
#af07c4 rgb(175,7,196)
```
#c008d7
```
#c008d7 rgb(192,8,215)
```
#d108ea
```
#d108ea rgb(209,8,234)
```

Shade Color Variation

#dd0ff6
```
#dd0ff6 rgb(221,15,246)
```
#df22f7
```
#df22f7 rgb(223,34,247)
```
#e235f8
```
#e235f8 rgb(226,53,248)
```
#e548f8
```
#e548f8 rgb(229,72,248)
```
#e85bf9
```
#e85bf9 rgb(232,91,249)
```
#ea6efa
```
#ea6efa rgb(234,110,250)
```
#ed81fb
```
#ed81fb rgb(237,129,251)
```
#f094fb
```
#f094fb rgb(240,148,251)
```
#f2a7fc
```
#f2a7fc rgb(242,167,252)
```
#f5bafd
```
#f5bafd rgb(245,186,253)
```
#f8cdfd
```
#f8cdfd rgb(248,205,253)
```
#fbe0fe
```
#fbe0fe rgb(251,224,254)
```
#fdf3ff
```
#fdf3ff rgb(253,243,255)
```

Tint Color Variation

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

#666566
```
#666566 rgb(102,101,102)
```
#6c5d6e
```
#6c5d6e rgb(108,93,110)
```
#725576
```
#725576 rgb(114,85,118)
```
#784d7e
```
#784d7e rgb(120,77,126)
```
#7e4586
```
#7e4586 rgb(126,69,134)
```
#843e8d
```
#843e8d rgb(132,62,141)
```
#8b3695
```
#8b3695 rgb(139,54,149)
```
#912e9d
```
#912e9d rgb(145,46,157)
```
#9726a5
```
#9726a5 rgb(151,38,165)
```
#9d1ead
```
#9d1ead rgb(157,30,173)
```
#a317b4
```
#a317b4 rgb(163,23,180)
```
#a90fbc
```
#a90fbc rgb(169,15,188)
```
#af07c4
```
#af07c4 rgb(175,7,196)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#624166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#2f6fb4 Deuteranopia 1% of men
#a3555b Tritanopia 0.001% of the population

Trichromacy

#3f46cb Protanomaly 1% of men, 0.01% of women
#5d49ba Deuteranomaly 6% of men, 0.4% of women
#a73981 Tritanomaly 0.01% of the population