colorhexa.com

#af5dd3 hex color

In a RGB color space, hex #af5dd3 is composed of 68.6% red, 36.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 55.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 281.7 degrees, a saturation of 57.3% and a lightness of 59.6%. #af5dd3 color hex could be obtained by blending #ffbaff with #5f00a7. Closest websafe color is: #9966cc.

- R 69
- G 36
- B 83
RGB color chart
- C 17
- M 56
- Y 0
- K 17
CMYK color chart

● #af5dd3 color description : Moderate violet.

The hexadecimal color #af5dd3 has RGB values of R:175, G:93, B:211 and CMYK values of C:0.17, M:0.56, Y:0, K:0.17. Its decimal value is 11492819.

Hex triplet	af5dd3	`#af5dd3`
RGB Decimal	175, 93, 211	`rgb(175,93,211)`
RGB Percent	68.6, 36.5, 82.7	`rgb(68.6%,36.5%,82.7%)`
CMYK	17, 56, 0, 17
HSL	281.7°, 57.3, 59.6	`hsl(281.7,57.3%,59.6%)`
HSV (or HSB)	281.7°, 55.9, 82.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.65, 52.443, -47.488
XYZ	33.35, 21.647, 64.046
xyY	0.28, 0.182, 21.647
CIE-LCH	53.65, 70.748, 317.839
CIE-LUV	53.65, 31.121, -79.676
Hunter-Lab	46.526, 46.528, -49.048
Binary	10101111, 01011101, 11010011

#af5dd3
```
#af5dd3 rgb(175,93,211)
```
#81d35d
```
#81d35d rgb(129,211,93)
```

Complementary Color

#745dd3
```
#745dd3 rgb(116,93,211)
```
#af5dd3
```
#af5dd3 rgb(175,93,211)
```
#d35dbc
```
#d35dbc rgb(211,93,188)
```

Analogous Color

#5dd374
```
#5dd374 rgb(93,211,116)
```
#af5dd3
```
#af5dd3 rgb(175,93,211)
```
#bcd35d
```
#bcd35d rgb(188,211,93)
```

Split Complementary Color

#5dd3af
```
#5dd3af rgb(93,211,175)
```
#af5dd3
```
#af5dd3 rgb(175,93,211)
```
#d3af5d
```
#d3af5d rgb(211,175,93)
```

Triadic Color

#5d81d3
```
#5d81d3 rgb(93,129,211)
```
#af5dd3
```
#af5dd3 rgb(175,93,211)
```
#d3af5d
```
#d3af5d rgb(211,175,93)
```
#81d35d
```
#81d35d rgb(129,211,93)
```

Tetradic Color

#8b31b3
```
#8b31b3 rgb(139,49,179)
```
#9b36c7
```
#9b36c7 rgb(155,54,199)
```
#a549ce
```
#a549ce rgb(165,73,206)
```
#af5dd3
```
#af5dd3 rgb(175,93,211)
```
#b971d8
```
#b971d8 rgb(185,113,216)
```
#c385de
```
#c385de rgb(195,133,222)
```
#cd99e3
```
#cd99e3 rgb(205,153,227)
```

Monochromatic Color

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

#925dd3
```
#925dd3 rgb(146,93,211)
```
#9b5dd3
```
#9b5dd3 rgb(155,93,211)
```
#a55dd3
```
#a55dd3 rgb(165,93,211)
```
#af5dd3
```
#af5dd3 rgb(175,93,211)
```
#b95dd3
```
#b95dd3 rgb(185,93,211)
```
#c35dd3
```
#c35dd3 rgb(195,93,211)
```
#cd5dd3
```
#cd5dd3 rgb(205,93,211)
```

Similar Colors

Text with hexadecimal color #af5dd3

This text has a font color of #af5dd3.

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

#af5dd3 background color

This paragraph has a background color of #af5dd3.

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

#af5dd3 border color

This element has a border color of #af5dd3.

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

CSS codes

.text {color:#af5dd3;}

.background {background-color:#af5dd3;}

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

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

#060208
```
#060208 rgb(6,2,8)
```
#120617
```
#120617 rgb(18,6,23)
```
#1e0a27
```
#1e0a27 rgb(30,10,39)
```
#2a0f36
```
#2a0f36 rgb(42,15,54)
```
#361345
```
#361345 rgb(54,19,69)
```
#421755
```
#421755 rgb(66,23,85)
```
#4e1b64
```
#4e1b64 rgb(78,27,100)
```
#5a1f74
```
#5a1f74 rgb(90,31,116)
```
#662483
```
#662483 rgb(102,36,131)
```
#722893
```
#722893 rgb(114,40,147)
```
#7e2ca2
```
#7e2ca2 rgb(126,44,162)
```
#8a30b1
```
#8a30b1 rgb(138,48,177)
```
#9634c1
```
#9634c1 rgb(150,52,193)
```

Shade Color Variation

#a03ecb
```
#a03ecb rgb(160,62,203)
```
#a74ecf
```
#a74ecf rgb(167,78,207)
```
#af5dd3
```
#af5dd3 rgb(175,93,211)
```
#b76cd7
```
#b76cd7 rgb(183,108,215)
```
#be7cdb
```
#be7cdb rgb(190,124,219)
```
#c68be0
```
#c68be0 rgb(198,139,224)
```
#cd9be4
```
#cd9be4 rgb(205,155,228)
```
#d5aae8
```
#d5aae8 rgb(213,170,232)
```
#ddbaec
```
#ddbaec rgb(221,186,236)
```
#e4c9f0
```
#e4c9f0 rgb(228,201,240)
```
#ecd8f5
```
#ecd8f5 rgb(236,216,245)
```
#f4e8f9
```
#f4e8f9 rgb(244,232,249)
```
#fbf7fd
```
#fbf7fd rgb(251,247,253)
```

Tint Color Variation

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

#99949c
```
#99949c rgb(153,148,156)
```
#9c8da3
```
#9c8da3 rgb(156,141,163)
```
#a085ab
```
#a085ab rgb(160,133,171)
```
#a37db3
```
#a37db3 rgb(163,125,179)
```
#a675bb
```
#a675bb rgb(166,117,187)
```
#a96dc3
```
#a96dc3 rgb(169,109,195)
```
#ac65cb
```
#ac65cb rgb(172,101,203)
```
#af5dd3
```
#af5dd3 rgb(175,93,211)
```
#b255db
```
#b255db rgb(178,85,219)
```
#b54de3
```
#b54de3 rgb(181,77,227)
```
#b845eb
```
#b845eb rgb(184,69,235)
```
#bb3df3
```
#bb3df3 rgb(187,61,243)
```
#be35fb
```
#be35fb rgb(190,53,251)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8c7b93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4783ed Protanopia 1% of men
#5f86ca Deuteranopia 1% of men
#a47c84 Tritanopia 0.001% of the population

Trichromacy

#6d75e3 Protanomaly 1% of men, 0.01% of women
#7c77cd Deuteranomaly 6% of men, 0.4% of women
#a870a1 Tritanomaly 0.01% of the population