#af41b4 hex color

In a RGB color space, hex #af41b4 is composed of 68.6% red, 25.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 63.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 297.4 degrees, a saturation of 46.9% and a lightness of 48%. #af41b4 color hex could be obtained by blending #ff82ff with #5f0069. Closest websafe color is: #9933cc.

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

● #af41b4 color description : Moderate magenta.

The hexadecimal color #af41b4 has RGB values of R:175, G:65, B:180 and CMYK values of C:0.03, M:0.64, Y:0, K:0.29. Its decimal value is 11485620.

Hex triplet	af41b4	`#af41b4`
RGB Decimal	175, 65, 180	`rgb(175,65,180)`
RGB Percent	68.6, 25.5, 70.6	`rgb(68.6%,25.5%,70.6%)`
CMYK	3, 64, 0, 29
HSL	297.4°, 46.9, 48	`hsl(297.4,46.9%,48%)`
HSV (or HSB)	297.4°, 63.9, 70.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.225, 59.407, -39.789
XYZ	27.807, 16.191, 44.838
xyY	0.313, 0.182, 16.191
CIE-LCH	47.225, 71.5, 326.187
CIE-LUV	47.225, 47.067, -66.732
Hunter-Lab	40.238, 52.936, -37.9
Binary	10101111, 01000001, 10110100

#af41b4
```
#af41b4 rgb(175,65,180)
```
#46b441
```
#46b441 rgb(70,180,65)
```

Complementary Color

#7641b4
```
#7641b4 rgb(118,65,180)
```
#af41b4
```
#af41b4 rgb(175,65,180)
```
#b44180
```
#b44180 rgb(180,65,128)
```

Analogous Color

#41b476
```
#41b476 rgb(65,180,118)
```
#af41b4
```
#af41b4 rgb(175,65,180)
```
#80b441
```
#80b441 rgb(128,180,65)
```

Split Complementary Color

#41b4af
```
#41b4af rgb(65,180,175)
```
#af41b4
```
#af41b4 rgb(175,65,180)
```
#b4af41
```
#b4af41 rgb(180,175,65)
```

Triadic Color

#4146b4
```
#4146b4 rgb(65,70,180)
```
#af41b4
```
#af41b4 rgb(175,65,180)
```
#b4af41
```
#b4af41 rgb(180,175,65)
```
#46b441
```
#46b441 rgb(70,180,65)
```

Tetradic Color

#782d7c
```
#782d7c rgb(120,45,124)
```
#8b338f
```
#8b338f rgb(139,51,143)
```
#9d3aa1
```
#9d3aa1 rgb(157,58,161)
```
#af41b4
```
#af41b4 rgb(175,65,180)
```
#bb4fbf
```
#bb4fbf rgb(187,79,191)
```
#c262c6
```
#c262c6 rgb(194,98,198)
```
#c975cd
```
#c975cd rgb(201,117,205)
```

Monochromatic Color

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

#9241b4
```
#9241b4 rgb(146,65,180)
```
#9c41b4
```
#9c41b4 rgb(156,65,180)
```
#a541b4
```
#a541b4 rgb(165,65,180)
```
#af41b4
```
#af41b4 rgb(175,65,180)
```
#b441af
```
#b441af rgb(180,65,175)
```
#b441a6
```
#b441a6 rgb(180,65,166)
```
#b4419c
```
#b4419c rgb(180,65,156)
```

Similar Colors

Text with hexadecimal color #af41b4

This text has a font color of #af41b4.

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

#af41b4 background color

This paragraph has a background color of #af41b4.

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

#af41b4 border color

This element has a border color of #af41b4.

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

CSS codes

.text {color:#af41b4;}

.background {background-color:#af41b4;}

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

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

#070307
```
#070307 rgb(7,3,7)
```
#150815
```
#150815 rgb(21,8,21)
```
#230d24
```
#230d24 rgb(35,13,36)
```
#311232
```
#311232 rgb(49,18,50)
```
#3f1741
```
#3f1741 rgb(63,23,65)
```
#4d1d4f
```
#4d1d4f rgb(77,29,79)
```
#5b225e
```
#5b225e rgb(91,34,94)
```
#69276c
```
#69276c rgb(105,39,108)
```
#772c7a
```
#772c7a rgb(119,44,122)
```
#853189
```
#853189 rgb(133,49,137)
```
#933797
```
#933797 rgb(147,55,151)
```
#a13ca6
```
#a13ca6 rgb(161,60,166)
```
#af41b4
```
#af41b4 rgb(175,65,180)
```

Shade Color Variation

#b94bbe
```
#b94bbe rgb(185,75,190)
```
#be59c3
```
#be59c3 rgb(190,89,195)
```
#c468c8
```
#c468c8 rgb(196,104,200)
```
#ca76ce
```
#ca76ce rgb(202,118,206)
```
#cf84d3
```
#cf84d3 rgb(207,132,211)
```
#d593d8
```
#d593d8 rgb(213,147,216)
```
#dba1dd
```
#dba1dd rgb(219,161,221)
```
#e0b0e2
```
#e0b0e2 rgb(224,176,226)
```
#e6bee8
```
#e6bee8 rgb(230,190,232)
```
#ebcced
```
#ebcced rgb(235,204,237)
```
#f1dbf2
```
#f1dbf2 rgb(241,219,242)
```
#f7e9f7
```
#f7e9f7 rgb(247,233,247)
```
#fcf8fc
```
#fcf8fc rgb(252,248,252)
```

Tint Color Variation

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

#7b7a7b
```
#7b7a7b rgb(123,122,123)
```
#847085
```
#847085 rgb(132,112,133)
```
#8d678e
```
#8d678e rgb(141,103,142)
```
#955d98
```
#955d98 rgb(149,93,152)
```
#9e54a1
```
#9e54a1 rgb(158,84,161)
```
#a64aab
```
#a64aab rgb(166,74,171)
```
#af41b4
```
#af41b4 rgb(175,65,180)
```
#b838bd
```
#b838bd rgb(184,56,189)
```
#c02ec7
```
#c02ec7 rgb(192,46,199)
```
#c925d0
```
#c925d0 rgb(201,37,208)
```
#d11bda
```
#d11bda rgb(209,27,218)
```
#da12e3
```
#da12e3 rgb(218,18,227)
```
#e308ed
```
#e308ed rgb(227,8,237)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c667d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3674d8 Protanopia 1% of men
#5e76ab Deuteranopia 1% of men
#a86369 Tritanopia 0.001% of the population

Trichromacy

#6261ca Protanomaly 1% of men, 0.01% of women
#7b63ae Deuteranomaly 6% of men, 0.4% of women
#aa5684 Tritanomaly 0.01% of the population

#af41b4 hex color

#af41b4 Color Information

#af41b4 Color Conversion

Color Schemes with #af41b4

Alternatives to #af41b4

#af41b4 Preview

Shades and Tints of #af41b4

Tones of #af41b4

Color Blindness Simulator