#af45d0 hex color

In a RGB color space, hex #af45d0 is composed of 68.6% red, 27.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 66.8% magenta, 0% yellow and 18.4% black. It has a hue angle of 285.8 degrees, a saturation of 59.7% and a lightness of 54.3%. #af45d0 color hex could be obtained by blending #ff8aff with #5f00a1. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 27
- B 82
RGB color chart
- C 16
- M 67
- Y 0
- K 18
CMYK color chart

● #af45d0 color description : Moderate magenta.

The hexadecimal color #af45d0 has RGB values of R:175, G:69, B:208 and CMYK values of C:0.16, M:0.67, Y:0, K:0.18. Its decimal value is 11486672.

Hex triplet	af45d0	`#af45d0`
RGB Decimal	175, 69, 208	`rgb(175,69,208)`
RGB Percent	68.6, 27.1, 81.6	`rgb(68.6%,27.1%,81.6%)`
CMYK	16, 67, 0, 18
HSL	285.8°, 59.7, 54.3	`hsl(285.8,59.7%,54.3%)`
HSV (or HSB)	285.8°, 66.8, 81.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	49.406, 62.959, -52.545
XYZ	31.191, 17.926, 61.488
xyY	0.282, 0.162, 17.926
CIE-LCH	49.406, 82.005, 320.152
CIE-LUV	49.406, 38.313, -86.951
Hunter-Lab	42.339, 57.41, -56.47
Binary	10101111, 01000101, 11010000

#af45d0
```
#af45d0 rgb(175,69,208)
```
#66d045
```
#66d045 rgb(102,208,69)
```

Complementary Color

#6a45d0
```
#6a45d0 rgb(106,69,208)
```
#af45d0
```
#af45d0 rgb(175,69,208)
```
#d045ac
```
#d045ac rgb(208,69,172)
```

Analogous Color

#45d06a
```
#45d06a rgb(69,208,106)
```
#af45d0
```
#af45d0 rgb(175,69,208)
```
#acd045
```
#acd045 rgb(172,208,69)
```

Split Complementary Color

#45d0af
```
#45d0af rgb(69,208,175)
```
#af45d0
```
#af45d0 rgb(175,69,208)
```
#d0af45
```
#d0af45 rgb(208,175,69)
```

Triadic Color

#4566d0
```
#4566d0 rgb(69,102,208)
```
#af45d0
```
#af45d0 rgb(175,69,208)
```
#d0af45
```
#d0af45 rgb(208,175,69)
```
#66d045
```
#66d045 rgb(102,208,69)
```

Tetradic Color

#8428a0
```
#8428a0 rgb(132,40,160)
```
#942eb4
```
#942eb4 rgb(148,46,180)
```
#a533c9
```
#a533c9 rgb(165,51,201)
```
#af45d0
```
#af45d0 rgb(175,69,208)
```
#b859d5
```
#b859d5 rgb(184,89,213)
```
#c16eda
```
#c16eda rgb(193,110,218)
```
#c982df
```
#c982df rgb(201,130,223)
```

Monochromatic Color

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

#8c45d0
```
#8c45d0 rgb(140,69,208)
```
#9845d0
```
#9845d0 rgb(152,69,208)
```
#a345d0
```
#a345d0 rgb(163,69,208)
```
#af45d0
```
#af45d0 rgb(175,69,208)
```
#bb45d0
```
#bb45d0 rgb(187,69,208)
```
#c645d0
```
#c645d0 rgb(198,69,208)
```
#d045ce
```
#d045ce rgb(208,69,206)
```

Similar Colors

Text with hexadecimal color #af45d0

This text has a font color of #af45d0.

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

#af45d0 background color

This paragraph has a background color of #af45d0.

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

#af45d0 border color

This element has a border color of #af45d0.

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

CSS codes

.text {color:#af45d0;}

.background {background-color:#af45d0;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#0e0412
```
#0e0412 rgb(14,4,18)
```
#1b0821
```
#1b0821 rgb(27,8,33)
```
#280c31
```
#280c31 rgb(40,12,49)
```
#351041
```
#351041 rgb(53,16,65)
```
#421450
```
#421450 rgb(66,20,80)
```
#4f1860
```
#4f1860 rgb(79,24,96)
```
#5c1c70
```
#5c1c70 rgb(92,28,112)
```
#69207f
```
#69207f rgb(105,32,127)
```
#75248f
```
#75248f rgb(117,36,143)
```
#82289e
```
#82289e rgb(130,40,158)
```
#8f2cae
```
#8f2cae rgb(143,44,174)
```
#9c30be
```
#9c30be rgb(156,48,190)
```

Shade Color Variation

#a835cc
```
#a835cc rgb(168,53,204)
```
#af45d0
```
#af45d0 rgb(175,69,208)
```
#b655d4
```
#b655d4 rgb(182,85,212)
```
#bc64d8
```
#bc64d8 rgb(188,100,216)
```
#c374dc
```
#c374dc rgb(195,116,220)
```
#ca84e0
```
#ca84e0 rgb(202,132,224)
```
#d193e4
```
#d193e4 rgb(209,147,228)
```
#d7a3e8
```
#d7a3e8 rgb(215,163,232)
```
#deb3ec
```
#deb3ec rgb(222,179,236)
```
#e5c2f0
```
#e5c2f0 rgb(229,194,240)
```
#ecd2f4
```
#ecd2f4 rgb(236,210,244)
```
#f2e2f8
```
#f2e2f8 rgb(242,226,248)
```
#f9f1fc
```
#f9f1fc rgb(249,241,252)
```

Tint Color Variation

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

#8e8491
```
#8e8491 rgb(142,132,145)
```
#937b9a
```
#937b9a rgb(147,123,154)
```
#9772a3
```
#9772a3 rgb(151,114,163)
```
#9c69ac
```
#9c69ac rgb(156,105,172)
```
#a160b5
```
#a160b5 rgb(161,96,181)
```
#a657be
```
#a657be rgb(166,87,190)
```
#aa4ec7
```
#aa4ec7 rgb(170,78,199)
```
#af45d0
```
#af45d0 rgb(175,69,208)
```
#b43cd9
```
#b43cd9 rgb(180,60,217)
```
#b833e2
```
#b833e2 rgb(184,51,226)
```
#bd2aeb
```
#bd2aeb rgb(189,42,235)
```
#c221f4
```
#c221f4 rgb(194,33,244)
```
#c718fd
```
#c718fd rgb(199,24,253)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#816b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#497dc4 Deuteranopia 1% of men
#a36d75 Tritanopia 0.001% of the population

Trichromacy

#3f65e2 Protanomaly 1% of men, 0.01% of women
#6e68c8 Deuteranomaly 6% of men, 0.4% of women
#a75e96 Tritanomaly 0.01% of the population

#af45d0 hex color

#af45d0 Color Information

#af45d0 Color Conversion

Color Schemes with #af45d0

Alternatives to #af45d0

#af45d0 Preview

Shades and Tints of #af45d0

Tones of #af45d0

Color Blindness Simulator