#af5db4 hex color

In a RGB color space, hex #af5db4 is composed of 68.6% red, 36.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 48.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 296.6 degrees, a saturation of 36.7% and a lightness of 53.5%. #af5db4 color hex could be obtained by blending #ffbaff with #5f0069. Closest websafe color is: #9966cc.

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

● #af5db4 color description : Slightly desaturated magenta.

The hexadecimal color #af5db4 has RGB values of R:175, G:93, B:180 and CMYK values of C:0.03, M:0.48, Y:0, K:0.29. Its decimal value is 11492788.

Hex triplet	af5db4	`#af5db4`
RGB Decimal	175, 93, 180	`rgb(175,93,180)`
RGB Percent	68.6, 36.5, 70.6	`rgb(68.6%,36.5%,70.6%)`
CMYK	3, 48, 0, 29
HSL	296.6°, 36.7, 53.5	`hsl(296.6,36.7%,53.5%)`
HSV (or HSB)	296.6°, 48.3, 70.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.107, 46.229, -32.114
XYZ	29.831, 20.239, 45.513
xyY	0.312, 0.212, 20.239
CIE-LCH	52.107, 56.288, 325.213
CIE-LUV	52.107, 37.976, -54.693
Hunter-Lab	44.988, 39.632, -28.49
Binary	10101111, 01011101, 10110100

#af5db4
```
#af5db4 rgb(175,93,180)
```
#62b45d
```
#62b45d rgb(98,180,93)
```

Complementary Color

#845db4
```
#845db4 rgb(132,93,180)
```
#af5db4
```
#af5db4 rgb(175,93,180)
```
#b45d8e
```
#b45d8e rgb(180,93,142)
```

Analogous Color

#5db484
```
#5db484 rgb(93,180,132)
```
#af5db4
```
#af5db4 rgb(175,93,180)
```
#8eb45d
```
#8eb45d rgb(142,180,93)
```

Split Complementary Color

#5db4af
```
#5db4af rgb(93,180,175)
```
#af5db4
```
#af5db4 rgb(175,93,180)
```
#b4af5d
```
#b4af5d rgb(180,175,93)
```

Triadic Color

#5d62b4
```
#5d62b4 rgb(93,98,180)
```
#af5db4
```
#af5db4 rgb(175,93,180)
```
#b4af5d
```
#b4af5d rgb(180,175,93)
```
#62b45d
```
#62b45d rgb(98,180,93)
```

Tetradic Color

#823e86
```
#823e86 rgb(130,62,134)
```
#934698
```
#934698 rgb(147,70,152)
```
#a44ea9
```
#a44ea9 rgb(164,78,169)
```
#af5db4
```
#af5db4 rgb(175,93,180)
```
#b86ebc
```
#b86ebc rgb(184,110,188)
```
#c080c4
```
#c080c4 rgb(192,128,196)
```
#c991cc
```
#c991cc rgb(201,145,204)
```

Monochromatic Color

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

#995db4
```
#995db4 rgb(153,93,180)
```
#a15db4
```
#a15db4 rgb(161,93,180)
```
#a85db4
```
#a85db4 rgb(168,93,180)
```
#af5db4
```
#af5db4 rgb(175,93,180)
```
#b45db2
```
#b45db2 rgb(180,93,178)
```
#b45dab
```
#b45dab rgb(180,93,171)
```
#b45da3
```
#b45da3 rgb(180,93,163)
```

Similar Colors

Text with hexadecimal color #af5db4

This text has a font color of #af5db4.

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

#af5db4 background color

This paragraph has a background color of #af5db4.

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

#af5db4 border color

This element has a border color of #af5db4.

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

CSS codes

.text {color:#af5db4;}

.background {background-color:#af5db4;}

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

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

#0c060c
```
#0c060c rgb(12,6,12)
```
#190c1a
```
#190c1a rgb(25,12,26)
```
#261227
```
#261227 rgb(38,18,39)
```
#331835
```
#331835 rgb(51,24,53)
```
#401f42
```
#401f42 rgb(64,31,66)
```
#4d254f
```
#4d254f rgb(77,37,79)
```
#5a2b5d
```
#5a2b5d rgb(90,43,93)
```
#67316a
```
#67316a rgb(103,49,106)
```
#743778
```
#743778 rgb(116,55,120)
```
#813e85
```
#813e85 rgb(129,62,133)
```
#8e4492
```
#8e4492 rgb(142,68,146)
```
#9b4aa0
```
#9b4aa0 rgb(155,74,160)
```
#a850ad
```
#a850ad rgb(168,80,173)
```

Shade Color Variation

#af5db4
```
#af5db4 rgb(175,93,180)
```
#b66aba
```
#b66aba rgb(182,106,186)
```
#bc78c0
```
#bc78c0 rgb(188,120,192)
```
#c385c7
```
#c385c7 rgb(195,133,199)
```
#c993cd
```
#c993cd rgb(201,147,205)
```
#d0a0d3
```
#d0a0d3 rgb(208,160,211)
```
#d7add9
```
#d7add9 rgb(215,173,217)
```
#ddbbdf
```
#ddbbdf rgb(221,187,223)
```
#e4c8e6
```
#e4c8e6 rgb(228,200,230)
```
#ebd6ec
```
#ebd6ec rgb(235,214,236)
```
#f1e3f2
```
#f1e3f2 rgb(241,227,242)
```
#f8f0f8
```
#f8f0f8 rgb(248,240,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#8f8190
```
#8f8190 rgb(143,129,144)
```
#977899
```
#977899 rgb(151,120,153)
```
#9f6fa2
```
#9f6fa2 rgb(159,111,162)
```
#a766ab
```
#a766ab rgb(167,102,171)
```
#af5db4
```
#af5db4 rgb(175,93,180)
```
#b754bd
```
#b754bd rgb(183,84,189)
```
#bf4bc6
```
#bf4bc6 rgb(191,75,198)
```
#c742cf
```
#c742cf rgb(199,66,207)
```
#cf39d8
```
#cf39d8 rgb(207,57,216)
```
#d72fe2
```
#d72fe2 rgb(215,47,226)
```
#df26eb
```
#df26eb rgb(223,38,235)
```
#e71df4
```
#e71df4 rgb(231,29,244)
```
#f014fd
```
#f014fd rgb(240,20,253)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#89788a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6280cb Protanopia 1% of men
#7381af Deuteranopia 1% of men
#aa747c Tritanopia 0.001% of the population

Trichromacy

#7e73c3 Protanomaly 1% of men, 0.01% of women
#8974b1 Deuteranomaly 6% of men, 0.4% of women
#ac6b90 Tritanomaly 0.01% of the population

#af5db4 hex color

#af5db4 Color Information

#af5db4 Color Conversion

Color Schemes with #af5db4

Alternatives to #af5db4

#af5db4 Preview

Shades and Tints of #af5db4

Tones of #af5db4

Color Blindness Simulator