#af04b3 hex color

In a RGB color space, hex #af04b3 is composed of 68.6% red, 1.6% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 97.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 298.6 degrees, a saturation of 95.6% and a lightness of 35.9%. #af04b3 color hex could be obtained by blending #ff08ff with #5f0067. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 2
- B 70
RGB color chart
- C 2
- M 98
- Y 0
- K 30
CMYK color chart

● #af04b3 color description : Strong magenta.

The hexadecimal color #af04b3 has RGB values of R:175, G:4, B:179 and CMYK values of C:0.02, M:0.98, Y:0, K:0.3. Its decimal value is 11470003.

Hex triplet	af04b3	`#af04b3`
RGB Decimal	175, 4, 179	`rgb(175,4,179)`
RGB Percent	68.6, 1.6, 70.2	`rgb(68.6%,1.6%,70.2%)`
CMYK	2, 98, 0, 30
HSL	298.6°, 95.6, 35.9	`hsl(298.6,95.6%,35.9%)`
HSV (or HSB)	298.6°, 97.8, 70.2
Web Safe	9900cc	`#9900cc`

CIE-LAB	41.934, 74.271, -47.627
XYZ	25.859, 12.457, 43.688
xyY	0.315, 0.152, 12.457
CIE-LCH	41.934, 88.23, 327.33
CIE-LUV	41.934, 56.168, -77.526
Hunter-Lab	35.295, 69.012, -48.683
Binary	10101111, 00000100, 10110011

#af04b3
```
#af04b3 rgb(175,4,179)
```
#08b304
```
#08b304 rgb(8,179,4)
```

Complementary Color

#5704b3
```
#5704b3 rgb(87,4,179)
```
#af04b3
```
#af04b3 rgb(175,4,179)
```
#b30460
```
#b30460 rgb(179,4,96)
```

Analogous Color

#04b357
```
#04b357 rgb(4,179,87)
```
#af04b3
```
#af04b3 rgb(175,4,179)
```
#60b304
```
#60b304 rgb(96,179,4)
```

Split Complementary Color

#04b3af
```
#04b3af rgb(4,179,175)
```
#af04b3
```
#af04b3 rgb(175,4,179)
```
#b3af04
```
#b3af04 rgb(179,175,4)
```

Triadic Color

#0408b3
```
#0408b3 rgb(4,8,179)
```
#af04b3
```
#af04b3 rgb(175,4,179)
```
#b3af04
```
#b3af04 rgb(179,175,4)
```
#08b304
```
#08b304 rgb(8,179,4)
```

Tetradic Color

#660268
```
#660268 rgb(102,2,104)
```
#7e0381
```
#7e0381 rgb(126,3,129)
```
#97039a
```
#97039a rgb(151,3,154)
```
#af04b3
```
#af04b3 rgb(175,4,179)
```
#c705cc
```
#c705cc rgb(199,5,204)
```
#e005e5
```
#e005e5 rgb(224,5,229)
```
#f40afa
```
#f40afa rgb(244,10,250)
```

Monochromatic Color

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

#8304b3
```
#8304b3 rgb(131,4,179)
```
#9204b3
```
#9204b3 rgb(146,4,179)
```
#a004b3
```
#a004b3 rgb(160,4,179)
```
#af04b3
```
#af04b3 rgb(175,4,179)
```
#b304a8
```
#b304a8 rgb(179,4,168)
```
#b3049a
```
#b3049a rgb(179,4,154)
```
#b3048b
```
#b3048b rgb(179,4,139)
```

Similar Colors

Text with hexadecimal color #af04b3

This text has a font color of #af04b3.

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

#af04b3 background color

This paragraph has a background color of #af04b3.

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

#af04b3 border color

This element has a border color of #af04b3.

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

CSS codes

.text {color:#af04b3;}

.background {background-color:#af04b3;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#19011a
```
#19011a rgb(25,1,26)
```
#2c012d
```
#2c012d rgb(44,1,45)
```
#3e0140
```
#3e0140 rgb(62,1,64)
```
#510253
```
#510253 rgb(81,2,83)
```
#640266
```
#640266 rgb(100,2,102)
```
#770379
```
#770379 rgb(119,3,121)
```
#89038d
```
#89038d rgb(137,3,141)
```
#9c04a0
```
#9c04a0 rgb(156,4,160)
```
#af04b3
```
#af04b3 rgb(175,4,179)
```
#c204c6
```
#c204c6 rgb(194,4,198)
```
#d505d9
```
#d505d9 rgb(213,5,217)
```
#e705ed
```
#e705ed rgb(231,5,237)
```

Shade Color Variation

#f40cfa
```
#f40cfa rgb(244,12,250)
```
#f51ffa
```
#f51ffa rgb(245,31,250)
```
#f632fa
```
#f632fa rgb(246,50,250)
```
#f745fb
```
#f745fb rgb(247,69,251)
```
#f859fb
```
#f859fb rgb(248,89,251)
```
#f86cfc
```
#f86cfc rgb(248,108,252)
```
#f97ffc
```
#f97ffc rgb(249,127,252)
```
#fa92fd
```
#fa92fd rgb(250,146,253)
```
#fba5fd
```
#fba5fd rgb(251,165,253)
```
#fcb9fd
```
#fcb9fd rgb(252,185,253)
```
#fdccfe
```
#fdccfe rgb(253,204,254)
```
#fedffe
```
#fedffe rgb(254,223,254)
```
#fef2ff
```
#fef2ff rgb(254,242,255)
```

Tint Color Variation

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

#5e585f
```
#5e585f rgb(94,88,95)
```
#655166
```
#655166 rgb(101,81,102)
```
#6c4a6d
```
#6c4a6d rgb(108,74,109)
```
#734374
```
#734374 rgb(115,67,116)
```
#793c7b
```
#793c7b rgb(121,60,123)
```
#803582
```
#803582 rgb(128,53,130)
```
#872e89
```
#872e89 rgb(135,46,137)
```
#8d2790
```
#8d2790 rgb(141,39,144)
```
#942097
```
#942097 rgb(148,32,151)
```
#9b199e
```
#9b199e rgb(155,25,158)
```
#a212a5
```
#a212a5 rgb(162,18,165)
```
#a80bac
```
#a80bac rgb(168,11,172)
```
#af04b3
```
#af04b3 rgb(175,4,179)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5f3d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#446ba5 Deuteranopia 1% of men
#a64e53 Tritanopia 0.001% of the population

Trichromacy

#3f43c2 Protanomaly 1% of men, 0.01% of women
#6b45aa Deuteranomaly 6% of men, 0.4% of women
#a93376 Tritanomaly 0.01% of the population

#af04b3 hex color

#af04b3 Color Information

#af04b3 Color Conversion

Color Schemes with #af04b3

Alternatives to #af04b3

#af04b3 Preview

Shades and Tints of #af04b3

Tones of #af04b3

Color Blindness Simulator