#af42b4 hex color

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

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

● #af42b4 color description : Moderate magenta.

The hexadecimal color #af42b4 has RGB values of R:175, G:66, B:180 and CMYK values of C:0.03, M:0.63, Y:0, K:0.29. Its decimal value is 11485876.

Hex triplet	af42b4	`#af42b4`
RGB Decimal	175, 66, 180	`rgb(175,66,180)`
RGB Percent	68.6, 25.9, 70.6	`rgb(68.6%,25.9%,70.6%)`
CMYK	3, 63, 0, 29
HSL	297.4°, 46.3, 48.2	`hsl(297.4,46.3%,48.2%)`
HSV (or HSB)	297.4°, 63.3, 70.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.375, 58.989, -39.551
XYZ	27.865, 16.307, 44.857
xyY	0.313, 0.183, 16.307
CIE-LCH	47.375, 71.021, 326.159
CIE-LUV	47.375, 46.798, -66.376
Hunter-Lab	40.382, 52.502, -37.593
Binary	10101111, 01000010, 10110100

#af42b4
```
#af42b4 rgb(175,66,180)
```
#47b442
```
#47b442 rgb(71,180,66)
```

Complementary Color

#7642b4
```
#7642b4 rgb(118,66,180)
```
#af42b4
```
#af42b4 rgb(175,66,180)
```
#b44280
```
#b44280 rgb(180,66,128)
```

Analogous Color

#42b476
```
#42b476 rgb(66,180,118)
```
#af42b4
```
#af42b4 rgb(175,66,180)
```
#80b442
```
#80b442 rgb(128,180,66)
```

Split Complementary Color

#42b4af
```
#42b4af rgb(66,180,175)
```
#af42b4
```
#af42b4 rgb(175,66,180)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```

Triadic Color

#4247b4
```
#4247b4 rgb(66,71,180)
```
#af42b4
```
#af42b4 rgb(175,66,180)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```
#47b442
```
#47b442 rgb(71,180,66)
```

Tetradic Color

#792d7c
```
#792d7c rgb(121,45,124)
```
#8b348f
```
#8b348f rgb(139,52,143)
```
#9d3ba1
```
#9d3ba1 rgb(157,59,161)
```
#af42b4
```
#af42b4 rgb(175,66,180)
```
#ba50bf
```
#ba50bf rgb(186,80,191)
```
#c263c6
```
#c263c6 rgb(194,99,198)
```
#c976cd
```
#c976cd rgb(201,118,205)
```

Monochromatic Color

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

#9342b4
```
#9342b4 rgb(147,66,180)
```
#9c42b4
```
#9c42b4 rgb(156,66,180)
```
#a642b4
```
#a642b4 rgb(166,66,180)
```
#af42b4
```
#af42b4 rgb(175,66,180)
```
#b442b0
```
#b442b0 rgb(180,66,176)
```
#b442a6
```
#b442a6 rgb(180,66,166)
```
#b4429d
```
#b4429d rgb(180,66,157)
```

Similar Colors

Text with hexadecimal color #af42b4

This text has a font color of #af42b4.

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

#af42b4 background color

This paragraph has a background color of #af42b4.

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

#af42b4 border color

This element has a border color of #af42b4.

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

CSS codes

.text {color:#af42b4;}

.background {background-color:#af42b4;}

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

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

#080308
```
#080308 rgb(8,3,8)
```
#160816
```
#160816 rgb(22,8,22)
```
#230d24
```
#230d24 rgb(35,13,36)
```
#311333
```
#311333 rgb(49,19,51)
```
#3f1841
```
#3f1841 rgb(63,24,65)
```
#4d1d50
```
#4d1d50 rgb(77,29,80)
```
#5b225e
```
#5b225e rgb(91,34,94)
```
#69286c
```
#69286c rgb(105,40,108)
```
#772d7b
```
#772d7b rgb(119,45,123)
```
#853289
```
#853289 rgb(133,50,137)
```
#933797
```
#933797 rgb(147,55,151)
```
#a13da6
```
#a13da6 rgb(161,61,166)
```
#af42b4
```
#af42b4 rgb(175,66,180)
```

Shade Color Variation

#b84cbd
```
#b84cbd rgb(184,76,189)
```
#be5bc3
```
#be5bc3 rgb(190,91,195)
```
#c469c8
```
#c469c8 rgb(196,105,200)
```
#c977cd
```
#c977cd rgb(201,119,205)
```
#cf86d2
```
#cf86d2 rgb(207,134,210)
```
#d594d8
```
#d594d8 rgb(213,148,216)
```
#daa2dd
```
#daa2dd rgb(218,162,221)
```
#e0b1e2
```
#e0b1e2 rgb(224,177,226)
```
#e6bfe8
```
#e6bfe8 rgb(230,191,232)
```
#ebcded
```
#ebcded rgb(235,205,237)
```
#f1dcf2
```
#f1dcf2 rgb(241,220,242)
```
#f7eaf7
```
#f7eaf7 rgb(247,234,247)
```
#fcf8fd
```
#fcf8fd rgb(252,248,253)
```

Tint Color Variation

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

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#847185
```
#847185 rgb(132,113,133)
```
#8c688e
```
#8c688e rgb(140,104,142)
```
#955e98
```
#955e98 rgb(149,94,152)
```
#9e55a1
```
#9e55a1 rgb(158,85,161)
```
#a64bab
```
#a64bab rgb(166,75,171)
```
#af42b4
```
#af42b4 rgb(175,66,180)
```
#b839bd
```
#b839bd rgb(184,57,189)
```
#c02fc7
```
#c02fc7 rgb(192,47,199)
```
#c926d0
```
#c926d0 rgb(201,38,208)
```
#d21cda
```
#d21cda rgb(210,28,218)
```
#da13e3
```
#da13e3 rgb(218,19,227)
```
#e309ed
```
#e309ed rgb(227,9,237)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7d677e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3874d7 Protanopia 1% of men
#5e77ab Deuteranopia 1% of men
#a8636a Tritanopia 0.001% of the population

Trichromacy

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

#af42b4 hex color

#af42b4 Color Information

#af42b4 Color Conversion

Color Schemes with #af42b4

Alternatives to #af42b4

#af42b4 Preview

Shades and Tints of #af42b4

Tones of #af42b4

Color Blindness Simulator