#af38b4 hex color

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

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

● #af38b4 color description : Moderate magenta.

The hexadecimal color #af38b4 has RGB values of R:175, G:56, B:180 and CMYK values of C:0.03, M:0.69, Y:0, K:0.29. Its decimal value is 11483316.

Hex triplet	af38b4	`#af38b4`
RGB Decimal	175, 56, 180	`rgb(175,56,180)`
RGB Percent	68.6, 22, 70.6	`rgb(68.6%,22%,70.6%)`
CMYK	3, 69, 0, 29
HSL	297.6°, 52.5, 46.3	`hsl(297.6,52.5%,46.3%)`
HSV (or HSB)	297.6°, 68.9, 70.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	45.96, 62.952, -41.793
XYZ	27.331, 15.239, 44.679
xyY	0.313, 0.175, 15.239
CIE-LCH	45.96, 75.562, 326.42
CIE-LUV	45.96, 49.297, -69.681
Hunter-Lab	39.037, 56.656, -40.533
Binary	10101111, 00111000, 10110100

#af38b4
```
#af38b4 rgb(175,56,180)
```
#3db438
```
#3db438 rgb(61,180,56)
```

Complementary Color

#7138b4
```
#7138b4 rgb(113,56,180)
```
#af38b4
```
#af38b4 rgb(175,56,180)
```
#b4387b
```
#b4387b rgb(180,56,123)
```

Analogous Color

#38b471
```
#38b471 rgb(56,180,113)
```
#af38b4
```
#af38b4 rgb(175,56,180)
```
#7bb438
```
#7bb438 rgb(123,180,56)
```

Split Complementary Color

#38b4af
```
#38b4af rgb(56,180,175)
```
#af38b4
```
#af38b4 rgb(175,56,180)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```

Triadic Color

#383db4
```
#383db4 rgb(56,61,180)
```
#af38b4
```
#af38b4 rgb(175,56,180)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```
#3db438
```
#3db438 rgb(61,180,56)
```

Tetradic Color

#76267a
```
#76267a rgb(118,38,122)
```
#892c8d
```
#892c8d rgb(137,44,141)
```
#9c32a1
```
#9c32a1 rgb(156,50,161)
```
#af38b4
```
#af38b4 rgb(175,56,180)
```
#bf41c4
```
#bf41c4 rgb(191,65,196)
```
#c555ca
```
#c555ca rgb(197,85,202)
```
#cc68d0
```
#cc68d0 rgb(204,104,208)
```

Monochromatic Color

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

#9038b4
```
#9038b4 rgb(144,56,180)
```
#9a38b4
```
#9a38b4 rgb(154,56,180)
```
#a538b4
```
#a538b4 rgb(165,56,180)
```
#af38b4
```
#af38b4 rgb(175,56,180)
```
#b438af
```
#b438af rgb(180,56,175)
```
#b438a4
```
#b438a4 rgb(180,56,164)
```
#b4389a
```
#b4389a rgb(180,56,154)
```

Similar Colors

Text with hexadecimal color #af38b4

This text has a font color of #af38b4.

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

#af38b4 background color

This paragraph has a background color of #af38b4.

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

#af38b4 border color

This element has a border color of #af38b4.

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

CSS codes

.text {color:#af38b4;}

.background {background-color:#af38b4;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f050f
```
#0f050f rgb(15,5,15)
```
#1e091e
```
#1e091e rgb(30,9,30)
```
#2c0e2d
```
#2c0e2d rgb(44,14,45)
```
#3b133c
```
#3b133c rgb(59,19,60)
```
#49174b
```
#49174b rgb(73,23,75)
```
#581c5a
```
#581c5a rgb(88,28,90)
```
#662169
```
#662169 rgb(102,33,105)
```
#752578
```
#752578 rgb(117,37,120)
```
#832a87
```
#832a87 rgb(131,42,135)
```
#922f96
```
#922f96 rgb(146,47,150)
```
#a033a5
```
#a033a5 rgb(160,51,165)
```
#af38b4
```
#af38b4 rgb(175,56,180)
```

Shade Color Variation

#bd3dc3
```
#bd3dc3 rgb(189,61,195)
```
#c24cc7
```
#c24cc7 rgb(194,76,199)
```
#c75bcc
```
#c75bcc rgb(199,91,204)
```
#cc6ad1
```
#cc6ad1 rgb(204,106,209)
```
#d279d5
```
#d279d5 rgb(210,121,213)
```
#d788da
```
#d788da rgb(215,136,218)
```
#dc97df
```
#dc97df rgb(220,151,223)
```
#e1a6e3
```
#e1a6e3 rgb(225,166,227)
```
#e6b5e8
```
#e6b5e8 rgb(230,181,232)
```
#ebc4ed
```
#ebc4ed rgb(235,196,237)
```
#f0d3f1
```
#f0d3f1 rgb(240,211,241)
```
#f5e2f6
```
#f5e2f6 rgb(245,226,246)
```
#faf1fa
```
#faf1fa rgb(250,241,250)
```

Tint Color Variation

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

#7d6e7e
```
#7d6e7e rgb(125,110,126)
```
#856587
```
#856587 rgb(133,101,135)
```
#8e5c90
```
#8e5c90 rgb(142,92,144)
```
#965399
```
#965399 rgb(150,83,153)
```
#9e4aa2
```
#9e4aa2 rgb(158,74,162)
```
#a741ab
```
#a741ab rgb(167,65,171)
```
#af38b4
```
#af38b4 rgb(175,56,180)
```
#b72fbd
```
#b72fbd rgb(183,47,189)
```
#c026c6
```
#c026c6 rgb(192,38,198)
```
#c81dcf
```
#c81dcf rgb(200,29,207)
```
#d014d8
```
#d014d8 rgb(208,20,216)
```
#d90be1
```
#d90be1 rgb(217,11,225)
```
#e102ea
```
#e102ea rgb(225,2,234)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#786079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1470dc Protanopia 1% of men
#5874aa Deuteranopia 1% of men
#a85e64 Tritanopia 0.001% of the population

Trichromacy

#4c5ccd Protanomaly 1% of men, 0.01% of women
#775ead Deuteranomaly 6% of men, 0.4% of women
#aa5081 Tritanomaly 0.01% of the population

#af38b4 hex color

#af38b4 Color Information

#af38b4 Color Conversion

Color Schemes with #af38b4

Alternatives to #af38b4

#af38b4 Preview

Shades and Tints of #af38b4

Tones of #af38b4

Color Blindness Simulator