#af45c2 hex color

In a RGB color space, hex #af45c2 is composed of 68.6% red, 27.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 64.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 290.9 degrees, a saturation of 50.6% and a lightness of 51.6%. #af45c2 color hex could be obtained by blending #ff8aff with #5f0085. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 27
- B 76
RGB color chart
- C 10
- M 64
- Y 0
- K 24
CMYK color chart

● #af45c2 color description : Moderate magenta.

The hexadecimal color #af45c2 has RGB values of R:175, G:69, B:194 and CMYK values of C:0.1, M:0.64, Y:0, K:0.24. Its decimal value is 11486658.

Hex triplet	af45c2	`#af45c2`
RGB Decimal	175, 69, 194	`rgb(175,69,194)`
RGB Percent	68.6, 27.1, 76.1	`rgb(68.6%,27.1%,76.1%)`
CMYK	10, 64, 0, 24
HSL	290.9°, 50.6, 51.6	`hsl(290.9,50.6%,51.6%)`
HSV (or HSB)	290.9°, 64.4, 76.1
Web Safe	9933cc	`#9933cc`

CIE-LAB	48.594, 60.275, -45.771
XYZ	29.544, 17.267, 52.813
xyY	0.297, 0.173, 17.267
CIE-LCH	48.594, 75.684, 322.788
CIE-LUV	48.594, 42.039, -76.231
Hunter-Lab	41.553, 54.194, -46.268
Binary	10101111, 01000101, 11000010

#af45c2
```
#af45c2 rgb(175,69,194)
```
#58c245
```
#58c245 rgb(88,194,69)
```

Complementary Color

#7145c2
```
#7145c2 rgb(113,69,194)
```
#af45c2
```
#af45c2 rgb(175,69,194)
```
#c24597
```
#c24597 rgb(194,69,151)
```

Analogous Color

#45c271
```
#45c271 rgb(69,194,113)
```
#af45c2
```
#af45c2 rgb(175,69,194)
```
#97c245
```
#97c245 rgb(151,194,69)
```

Split Complementary Color

#45c2af
```
#45c2af rgb(69,194,175)
```
#af45c2
```
#af45c2 rgb(175,69,194)
```
#c2af45
```
#c2af45 rgb(194,175,69)
```

Triadic Color

#4558c2
```
#4558c2 rgb(69,88,194)
```
#af45c2
```
#af45c2 rgb(175,69,194)
```
#c2af45
```
#c2af45 rgb(194,175,69)
```
#58c245
```
#58c245 rgb(88,194,69)
```

Tetradic Color

#7e2e8c
```
#7e2e8c rgb(126,46,140)
```
#8f34a0
```
#8f34a0 rgb(143,52,160)
```
#a13bb3
```
#a13bb3 rgb(161,59,179)
```
#af45c2
```
#af45c2 rgb(175,69,194)
```
#b758c8
```
#b758c8 rgb(183,88,200)
```
#c06bcf
```
#c06bcf rgb(192,107,207)
```
#c87fd5
```
#c87fd5 rgb(200,127,213)
```

Monochromatic Color

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

#9045c2
```
#9045c2 rgb(144,69,194)
```
#9a45c2
```
#9a45c2 rgb(154,69,194)
```
#a545c2
```
#a545c2 rgb(165,69,194)
```
#af45c2
```
#af45c2 rgb(175,69,194)
```
#b945c2
```
#b945c2 rgb(185,69,194)
```
#c245c0
```
#c245c0 rgb(194,69,192)
```
#c245b6
```
#c245b6 rgb(194,69,182)
```

Similar Colors

Text with hexadecimal color #af45c2

This text has a font color of #af45c2.

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

#af45c2 background color

This paragraph has a background color of #af45c2.

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

#af45c2 border color

This element has a border color of #af45c2.

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

CSS codes

.text {color:#af45c2;}

.background {background-color:#af45c2;}

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

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

#050206
```
#050206 rgb(5,2,6)
```
#130715
```
#130715 rgb(19,7,21)
```
#200c24
```
#200c24 rgb(32,12,36)
```
#2d1132
```
#2d1132 rgb(45,17,50)
```
#3a1541
```
#3a1541 rgb(58,21,65)
```
#481a50
```
#481a50 rgb(72,26,80)
```
#551f5f
```
#551f5f rgb(85,31,95)
```
#62246d
```
#62246d rgb(98,36,109)
```
#70297c
```
#70297c rgb(112,41,124)
```
#7d2e8b
```
#7d2e8b rgb(125,46,139)
```
#8a329a
```
#8a329a rgb(138,50,154)
```
#9737a9
```
#9737a9 rgb(151,55,169)
```
#a53cb7
```
#a53cb7 rgb(165,60,183)
```

Shade Color Variation

#af45c2
```
#af45c2 rgb(175,69,194)
```
#b554c7
```
#b554c7 rgb(181,84,199)
```
#bc63cc
```
#bc63cc rgb(188,99,204)
```
#c271d1
```
#c271d1 rgb(194,113,209)
```
#c880d5
```
#c880d5 rgb(200,128,213)
```
#cf8fda
```
#cf8fda rgb(207,143,218)
```
#d59edf
```
#d59edf rgb(213,158,223)
```
#dbace4
```
#dbace4 rgb(219,172,228)
```
#e2bbe9
```
#e2bbe9 rgb(226,187,233)
```
#e8caee
```
#e8caee rgb(232,202,238)
```
#efd9f2
```
#efd9f2 rgb(239,217,242)
```
#f5e7f7
```
#f5e7f7 rgb(245,231,247)
```
#fbf6fc
```
#fbf6fc rgb(251,246,252)
```

Tint Color Variation

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

#877e89
```
#877e89 rgb(135,126,137)
```
#8e7593
```
#8e7593 rgb(142,117,147)
```
#956b9c
```
#956b9c rgb(149,107,156)
```
#9b62a6
```
#9b62a6 rgb(155,98,166)
```
#a258af
```
#a258af rgb(162,88,175)
```
#a84fb9
```
#a84fb9 rgb(168,79,185)
```
#af45c2
```
#af45c2 rgb(175,69,194)
```
#b63ccc
```
#b63ccc rgb(182,60,204)
```
#bc32d5
```
#bc32d5 rgb(188,50,213)
```
#c329df
```
#c329df rgb(195,41,223)
```
#c91fe8
```
#c91fe8 rgb(201,31,232)
```
#d016f2
```
#d016f2 rgb(208,22,242)
```
#d70cfb
```
#d70cfb rgb(215,12,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7f6a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2276e5 Protanopia 1% of men
#567ab8 Deuteranopia 1% of men
#a66970 Tritanopia 0.001% of the population

Trichromacy

#5564d8 Protanomaly 1% of men, 0.01% of women
#7667bb Deuteranomaly 6% of men, 0.4% of women
#a95c8e Tritanomaly 0.01% of the population

#af45c2 hex color

#af45c2 Color Information

#af45c2 Color Conversion

Color Schemes with #af45c2

Alternatives to #af45c2

#af45c2 Preview

Shades and Tints of #af45c2

Tones of #af45c2

Color Blindness Simulator