colorhexa.com

#af0393 hex color

In a RGB color space, hex #af0393 is composed of 68.6% red, 1.2% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.3% magenta, 16% yellow and 31.4% black. It has a hue angle of 309.8 degrees, a saturation of 96.6% and a lightness of 34.9%. #af0393 color hex could be obtained by blending #ff06ff with #5f0027. Closest websafe color is: #990099.

- R 69
- G 1
- B 58
RGB color chart
- C 0
- M 98
- Y 16
- K 31
CMYK color chart

● #af0393 color description : Dark magenta.

The hexadecimal color #af0393 has RGB values of R:175, G:3, B:147 and CMYK values of C:0, M:0.98, Y:0.16, K:0.31. Its decimal value is 11469715.

Hex triplet	af0393	`#af0393`
RGB Decimal	175, 3, 147	`rgb(175,3,147)`
RGB Percent	68.6, 1.2, 57.6	`rgb(68.6%,1.2%,57.6%)`
CMYK	0, 98, 16, 31
HSL	309.8°, 96.6, 34.9	`hsl(309.8,96.6%,34.9%)`
HSV (or HSB)	309.8°, 98.3, 68.6
Web Safe	990099	`#990099`

CIE-LAB	40.061, 69.838, -31.385
XYZ	22.978, 11.288, 28.571
xyY	0.366, 0.18, 11.288
CIE-LCH	40.061, 76.566, 335.801
CIE-LUV	40.061, 69.148, -53.598
Hunter-Lab	33.597, 63.287, -26.902
Binary	10101111, 00000011, 10010011

#af0393
```
#af0393 rgb(175,3,147)
```
#03af1f
```
#03af1f rgb(3,175,31)
```

Complementary Color

#7503af
```
#7503af rgb(117,3,175)
```
#af0393
```
#af0393 rgb(175,3,147)
```
#af033d
```
#af033d rgb(175,3,61)
```

Analogous Color

#03af75
```
#03af75 rgb(3,175,117)
```
#af0393
```
#af0393 rgb(175,3,147)
```
#3daf03
```
#3daf03 rgb(61,175,3)
```

Split Complementary Color

#0393af
```
#0393af rgb(3,147,175)
```
#af0393
```
#af0393 rgb(175,3,147)
```
#93af03
```
#93af03 rgb(147,175,3)
```

Triadic Color

#640254
```
#640254 rgb(100,2,84)
```
#7d0269
```
#7d0269 rgb(125,2,105)
```
#96037e
```
#96037e rgb(150,3,126)
```
#af0393
```
#af0393 rgb(175,3,147)
```
#c803a8
```
#c803a8 rgb(200,3,168)
```
#e104bd
```
#e104bd rgb(225,4,189)
```
#fa04d2
```
#fa04d2 rgb(250,4,210)
```

Monochromatic Color

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

#a003af
```
#a003af rgb(160,3,175)
```
#ae03af
```
#ae03af rgb(174,3,175)
```
#af03a1
```
#af03a1 rgb(175,3,161)
```
#af0393
```
#af0393 rgb(175,3,147)
```
#af0385
```
#af0385 rgb(175,3,133)
```
#af0376
```
#af0376 rgb(175,3,118)
```
#af0368
```
#af0368 rgb(175,3,104)
```

Similar Colors

Text with hexadecimal color #af0393

This text has a font color of #af0393.

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

#af0393 background color

This paragraph has a background color of #af0393.

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

#af0393 border color

This element has a border color of #af0393.

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

CSS codes

.text {color:#af0393;}

.background {background-color:#af0393;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#150011
```
#150011 rgb(21,0,17)
```
#280122
```
#280122 rgb(40,1,34)
```
#3b0132
```
#3b0132 rgb(59,1,50)
```
#4f0142
```
#4f0142 rgb(79,1,66)
```
#620252
```
#620252 rgb(98,2,82)
```
#750262
```
#750262 rgb(117,2,98)
```
#880273
```
#880273 rgb(136,2,115)
```
#9c0383
```
#9c0383 rgb(156,3,131)
```
#af0393
```
#af0393 rgb(175,3,147)
```
#c203a3
```
#c203a3 rgb(194,3,163)
```
#d604b3
```
#d604b3 rgb(214,4,179)
```
#e904c4
```
#e904c4 rgb(233,4,196)
```

Shade Color Variation

#fb06d3
```
#fb06d3 rgb(251,6,211)
```
#fb19d6
```
#fb19d6 rgb(251,25,214)
```
#fb2cda
```
#fb2cda rgb(251,44,218)
```
#fc40dd
```
#fc40dd rgb(252,64,221)
```
#fc53e1
```
#fc53e1 rgb(252,83,225)
```
#fc66e4
```
#fc66e4 rgb(252,102,228)
```
#fd79e7
```
#fd79e7 rgb(253,121,231)
```
#fd8deb
```
#fd8deb rgb(253,141,235)
```
#fda0ee
```
#fda0ee rgb(253,160,238)
```
#feb3f2
```
#feb3f2 rgb(254,179,242)
```
#fec7f5
```
#fec7f5 rgb(254,199,245)
```
#fedaf8
```
#fedaf8 rgb(254,218,248)
```
#ffedfc
```
#ffedfc rgb(255,237,252)
```

Tint Color Variation

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

#5d555c
```
#5d555c rgb(93,85,92)
```
#644e60
```
#644e60 rgb(100,78,96)
```
#6b4765
```
#6b4765 rgb(107,71,101)
```
#714169
```
#714169 rgb(113,65,105)
```
#783a6e
```
#783a6e rgb(120,58,110)
```
#7f3373
```
#7f3373 rgb(127,51,115)
```
#862c77
```
#862c77 rgb(134,44,119)
```
#8d257c
```
#8d257c rgb(141,37,124)
```
#941e81
```
#941e81 rgb(148,30,129)
```
#9a1885
```
#9a1885 rgb(154,24,133)
```
#a1118a
```
#a1118a rgb(161,17,138)
```
#a80a8e
```
#a80a8e rgb(168,10,142)
```
#af0393
```
#af0393 rgb(175,3,147)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#5c3956 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#5a658a Deuteranopia 1% of men
#ab4145 Tritanopia 0.001% of the population

Trichromacy

#3f40b1 Protanomaly 1% of men, 0.01% of women
#79418d Deuteranomaly 6% of men, 0.4% of women
#ac2b61 Tritanomaly 0.01% of the population