#af45dc hex color

In a RGB color space, hex #af45dc is composed of 68.6% red, 27.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 68.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 282.1 degrees, a saturation of 68.3% and a lightness of 56.7%. #af45dc color hex could be obtained by blending #ff8aff with #5f00b9. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 27
- B 86
RGB color chart
- C 20
- M 69
- Y 0
- K 14
CMYK color chart

● #af45dc color description : Soft violet.

The hexadecimal color #af45dc has RGB values of R:175, G:69, B:220 and CMYK values of C:0.2, M:0.69, Y:0, K:0.14. Its decimal value is 11486684.

Hex triplet	af45dc	`#af45dc`
RGB Decimal	175, 69, 220	`rgb(175,69,220)`
RGB Percent	68.6, 27.1, 86.3	`rgb(68.6%,27.1%,86.3%)`
CMYK	20, 69, 0, 14
HSL	282.1°, 68.3, 56.7	`hsl(282.1,68.3%,56.7%)`
HSV (or HSB)	282.1°, 68.6, 86.3
Web Safe	9933cc	`#9933cc`

CIE-LAB	50.143, 65.34, -58.213
XYZ	32.724, 18.539, 69.561
xyY	0.271, 0.153, 18.539
CIE-LCH	50.143, 87.51, 318.301
CIE-LUV	50.143, 35.286, -95.926
Hunter-Lab	43.057, 60.315, -65.648
Binary	10101111, 01000101, 11011100

#af45dc
```
#af45dc rgb(175,69,220)
```
#72dc45
```
#72dc45 rgb(114,220,69)
```

Complementary Color

#6345dc
```
#6345dc rgb(99,69,220)
```
#af45dc
```
#af45dc rgb(175,69,220)
```
#dc45be
```
#dc45be rgb(220,69,190)
```

Analogous Color

#45dc64
```
#45dc64 rgb(69,220,100)
```
#af45dc
```
#af45dc rgb(175,69,220)
```
#bedc45
```
#bedc45 rgb(190,220,69)
```

Split Complementary Color

#45dcaf
```
#45dcaf rgb(69,220,175)
```
#af45dc
```
#af45dc rgb(175,69,220)
```
#dcaf45
```
#dcaf45 rgb(220,175,69)
```

Triadic Color

#4572dc
```
#4572dc rgb(69,114,220)
```
#af45dc
```
#af45dc rgb(175,69,220)
```
#dcaf45
```
#dcaf45 rgb(220,175,69)
```
#72dc45
```
#72dc45 rgb(114,220,69)
```

Tetradic Color

#8822b3
```
#8822b3 rgb(136,34,179)
```
#9826c8
```
#9826c8 rgb(152,38,200)
```
#a630d8
```
#a630d8 rgb(166,48,216)
```
#af45dc
```
#af45dc rgb(175,69,220)
```
#b85ae0
```
#b85ae0 rgb(184,90,224)
```
#c170e4
```
#c170e4 rgb(193,112,228)
```
#cb85e8
```
#cb85e8 rgb(203,133,232)
```

Monochromatic Color

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

#8945dc
```
#8945dc rgb(137,69,220)
```
#9645dc
```
#9645dc rgb(150,69,220)
```
#a245dc
```
#a245dc rgb(162,69,220)
```
#af45dc
```
#af45dc rgb(175,69,220)
```
#bc45dc
```
#bc45dc rgb(188,69,220)
```
#c845dc
```
#c845dc rgb(200,69,220)
```
#d545dc
```
#d545dc rgb(213,69,220)
```

Similar Colors

Text with hexadecimal color #af45dc

This text has a font color of #af45dc.

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

#af45dc background color

This paragraph has a background color of #af45dc.

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

#af45dc border color

This element has a border color of #af45dc.

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

CSS codes

.text {color:#af45dc;}

.background {background-color:#af45dc;}

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

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, #09020c is the darkest color, while #fdfbfe is the lightest one.

#09020c
```
#09020c rgb(9,2,12)
```
#16051d
```
#16051d rgb(22,5,29)
```
#22082d
```
#22082d rgb(34,8,45)
```
#2f0c3e
```
#2f0c3e rgb(47,12,62)
```
#3b0f4e
```
#3b0f4e rgb(59,15,78)
```
#48125f
```
#48125f rgb(72,18,95)
```
#54156f
```
#54156f rgb(84,21,111)
```
#611880
```
#611880 rgb(97,24,128)
```
#6d1b90
```
#6d1b90 rgb(109,27,144)
```
#7a1ea1
```
#7a1ea1 rgb(122,30,161)
```
#8621b1
```
#8621b1 rgb(134,33,177)
```
#9324c2
```
#9324c2 rgb(147,36,194)
```
#9f28d2
```
#9f28d2 rgb(159,40,210)
```

Shade Color Variation

#a834d9
```
#a834d9 rgb(168,52,217)
```
#af45dc
```
#af45dc rgb(175,69,220)
```
#b656df
```
#b656df rgb(182,86,223)
```
#bd66e2
```
#bd66e2 rgb(189,102,226)
```
#c477e5
```
#c477e5 rgb(196,119,229)
```
#cb87e8
```
#cb87e8 rgb(203,135,232)
```
#d398ec
```
#d398ec rgb(211,152,236)
```
#daa8ef
```
#daa8ef rgb(218,168,239)
```
#e1b9f2
```
#e1b9f2 rgb(225,185,242)
```
#e8c9f5
```
#e8c9f5 rgb(232,201,245)
```
#efdaf8
```
#efdaf8 rgb(239,218,248)
```
#f6eafb
```
#f6eafb rgb(246,234,251)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#948998
```
#948998 rgb(148,137,152)
```
#9781a1
```
#9781a1 rgb(151,129,161)
```
#9a78a9
```
#9a78a9 rgb(154,120,169)
```
#9e70b2
```
#9e70b2 rgb(158,112,178)
```
#a167ba
```
#a167ba rgb(161,103,186)
```
#a55ec3
```
#a55ec3 rgb(165,94,195)
```
#a856cb
```
#a856cb rgb(168,86,203)
```
#ac4ed4
```
#ac4ed4 rgb(172,78,212)
```
#af45dc
```
#af45dc rgb(175,69,220)
```
#b23de5
```
#b23de5 rgb(178,61,229)
```
#b634ed
```
#b634ed rgb(182,52,237)
```
#b92cf6
```
#b92cf6 rgb(185,44,246)
```
#bd23fe
```
#bd23fe rgb(189,35,254)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#816c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#387fce Deuteranopia 1% of men
#a17179 Tritanopia 0.001% of the population

Trichromacy

#3f67e8 Protanomaly 1% of men, 0.01% of women
#636ad3 Deuteranomaly 6% of men, 0.4% of women
#a6619d Tritanomaly 0.01% of the population

#af45dc hex color

#af45dc Color Information

#af45dc Color Conversion

Color Schemes with #af45dc

Alternatives to #af45dc

#af45dc Preview

Shades and Tints of #af45dc

Tones of #af45dc

Color Blindness Simulator