#af07b4 hex color

In a RGB color space, hex #af07b4 is composed of 68.6% red, 2.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 96.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 298.3 degrees, a saturation of 92.5% and a lightness of 36.7%. #af07b4 color hex could be obtained by blending #ff0eff with #5f0069. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 3
- B 71
RGB color chart
- C 3
- M 96
- Y 0
- K 29
CMYK color chart

● #af07b4 color description : Strong magenta.

The hexadecimal color #af07b4 has RGB values of R:175, G:7, B:180 and CMYK values of C:0.03, M:0.96, Y:0, K:0.29. Its decimal value is 11470772.

Hex triplet	af07b4	`#af07b4`
RGB Decimal	175, 7, 180	`rgb(175,7,180)`
RGB Percent	68.6, 2.7, 70.6	`rgb(68.6%,2.7%,70.6%)`
CMYK	3, 96, 0, 29
HSL	298.3°, 92.5, 36.7	`hsl(298.3,92.5%,36.7%)`
HSV (or HSB)	298.3°, 96.1, 70.6
Web Safe	9900cc	`#9900cc`

CIE-LAB	42.097, 74.126, -47.957
XYZ	25.993, 12.563, 44.233
xyY	0.314, 0.152, 12.563
CIE-LCH	42.097, 88.287, 327.099
CIE-LUV	42.097, 55.64, -78.053
Hunter-Lab	35.444, 68.874, -49.181
Binary	10101111, 00000111, 10110100

#af07b4
```
#af07b4 rgb(175,7,180)
```
#0cb407
```
#0cb407 rgb(12,180,7)
```

Complementary Color

#5907b4
```
#5907b4 rgb(89,7,180)
```
#af07b4
```
#af07b4 rgb(175,7,180)
```
#b40763
```
#b40763 rgb(180,7,99)
```

Analogous Color

#07b458
```
#07b458 rgb(7,180,88)
```
#af07b4
```
#af07b4 rgb(175,7,180)
```
#63b407
```
#63b407 rgb(99,180,7)
```

Split Complementary Color

#07b4af
```
#07b4af rgb(7,180,175)
```
#af07b4
```
#af07b4 rgb(175,7,180)
```
#b4af07
```
#b4af07 rgb(180,175,7)
```

Triadic Color

#070cb4
```
#070cb4 rgb(7,12,180)
```
#af07b4
```
#af07b4 rgb(175,7,180)
```
#b4af07
```
#b4af07 rgb(180,175,7)
```
#0cb407
```
#0cb407 rgb(12,180,7)
```

Tetradic Color

#67046a
```
#67046a rgb(103,4,106)
```
#7f0583
```
#7f0583 rgb(127,5,131)
```
#97069b
```
#97069b rgb(151,6,155)
```
#af07b4
```
#af07b4 rgb(175,7,180)
```
#c708cd
```
#c708cd rgb(199,8,205)
```
#df09e5
```
#df09e5 rgb(223,9,229)
```
#ef12f6
```
#ef12f6 rgb(239,18,246)
```

Monochromatic Color

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

#8407b4
```
#8407b4 rgb(132,7,180)
```
#9207b4
```
#9207b4 rgb(146,7,180)
```
#a107b4
```
#a107b4 rgb(161,7,180)
```
#af07b4
```
#af07b4 rgb(175,7,180)
```
#b407ab
```
#b407ab rgb(180,7,171)
```
#b4079c
```
#b4079c rgb(180,7,156)
```
#b4078e
```
#b4078e rgb(180,7,142)
```

Similar Colors

Text with hexadecimal color #af07b4

This text has a font color of #af07b4.

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

#af07b4 background color

This paragraph has a background color of #af07b4.

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

#af07b4 border color

This element has a border color of #af07b4.

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

CSS codes

.text {color:#af07b4;}

.background {background-color:#af07b4;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1c011d
```
#1c011d rgb(28,1,29)
```
#2f0230
```
#2f0230 rgb(47,2,48)
```
#410343
```
#410343 rgb(65,3,67)
```
#530356
```
#530356 rgb(83,3,86)
```
#660468
```
#660468 rgb(102,4,104)
```
#78057b
```
#78057b rgb(120,5,123)
```
#8a068e
```
#8a068e rgb(138,6,142)
```
#9d06a1
```
#9d06a1 rgb(157,6,161)
```
#af07b4
```
#af07b4 rgb(175,7,180)
```
#c108c7
```
#c108c7 rgb(193,8,199)
```
#d408da
```
#d408da rgb(212,8,218)
```
#e609ed
```
#e609ed rgb(230,9,237)
```

Shade Color Variation

#ef14f6
```
#ef14f6 rgb(239,20,246)
```
#f126f7
```
#f126f7 rgb(241,38,247)
```
#f239f7
```
#f239f7 rgb(242,57,247)
```
#f34cf8
```
#f34cf8 rgb(243,76,248)
```
#f45ff9
```
#f45ff9 rgb(244,95,249)
```
#f672fa
```
#f672fa rgb(246,114,250)
```
#f785fa
```
#f785fa rgb(247,133,250)
```
#f898fb
```
#f898fb rgb(248,152,251)
```
#f9abfc
```
#f9abfc rgb(249,171,252)
```
#fbbefc
```
#fbbefc rgb(251,190,252)
```
#fcd0fd
```
#fcd0fd rgb(252,208,253)
```
#fde3fe
```
#fde3fe rgb(253,227,254)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#5e5d5e
```
#5e5d5e rgb(94,93,94)
```
#645665
```
#645665 rgb(100,86,101)
```
#6b4f6c
```
#6b4f6c rgb(107,79,108)
```
#724873
```
#724873 rgb(114,72,115)
```
#79417a
```
#79417a rgb(121,65,122)
```
#803982
```
#803982 rgb(128,57,130)
```
#863289
```
#863289 rgb(134,50,137)
```
#8d2b90
```
#8d2b90 rgb(141,43,144)
```
#942497
```
#942497 rgb(148,36,151)
```
#9b1d9e
```
#9b1d9e rgb(155,29,158)
```
#a115a6
```
#a115a6 rgb(161,21,166)
```
#a80ead
```
#a80ead rgb(168,14,173)
```
#af07b4
```
#af07b4 rgb(175,7,180)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#613f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#436ba6 Deuteranopia 1% of men
#a64f54 Tritanopia 0.001% of the population

Trichromacy

#3f44c2 Protanomaly 1% of men, 0.01% of women
#6a47ab Deuteranomaly 6% of men, 0.4% of women
#a93577 Tritanomaly 0.01% of the population

#af07b4 hex color

#af07b4 Color Information

#af07b4 Color Conversion

Color Schemes with #af07b4

Alternatives to #af07b4

#af07b4 Preview

Shades and Tints of #af07b4

Tones of #af07b4

Color Blindness Simulator