colorhexa.com

#af108f hex color

In a RGB color space, hex #af108f is composed of 68.6% red, 6.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.9% magenta, 18.3% yellow and 31.4% black. It has a hue angle of 312.1 degrees, a saturation of 83.2% and a lightness of 37.5%. #af108f color hex could be obtained by blending #ff20ff with #5f001f. Closest websafe color is: #990099.

- R 69
- G 6
- B 56
RGB color chart
- C 0
- M 91
- Y 18
- K 31
CMYK color chart

● #af108f color description : Dark magenta.

The hexadecimal color #af108f has RGB values of R:175, G:16, B:143 and CMYK values of C:0, M:0.91, Y:0.18, K:0.31. Its decimal value is 11473039.

Hex triplet	af108f	`#af108f`
RGB Decimal	175, 16, 143	`rgb(175,16,143)`
RGB Percent	68.6, 6.3, 56.1	`rgb(68.6%,6.3%,56.1%)`
CMYK	0, 91, 18, 31
HSL	312.1°, 83.2, 37.5	`hsl(312.1,83.2%,37.5%)`
HSV (or HSB)	312.1°, 90.9, 68.6
Web Safe	990099	`#990099`

CIE-LAB	40.361, 67.84, -28.473
XYZ	22.822, 11.47, 26.997
xyY	0.372, 0.187, 11.47
CIE-LCH	40.361, 73.573, 337.232
CIE-LUV	40.361, 69.83, -49.391
Hunter-Lab	33.867, 61.021, -23.556
Binary	10101111, 00010000, 10001111

#af108f
```
#af108f rgb(175,16,143)
```
#10af30
```
#10af30 rgb(16,175,48)
```

Complementary Color

#8010af
```
#8010af rgb(128,16,175)
```
#af108f
```
#af108f rgb(175,16,143)
```
#af1040
```
#af1040 rgb(175,16,64)
```

Analogous Color

#10af80
```
#10af80 rgb(16,175,128)
```
#af108f
```
#af108f rgb(175,16,143)
```
#40af10
```
#40af10 rgb(64,175,16)
```

Split Complementary Color

#108faf
```
#108faf rgb(16,143,175)
```
#af108f
```
#af108f rgb(175,16,143)
```
#8faf10
```
#8faf10 rgb(143,175,16)
```

Triadic Color

#3010af
```
#3010af rgb(48,16,175)
```
#af108f
```
#af108f rgb(175,16,143)
```
#8faf10
```
#8faf10 rgb(143,175,16)
```
#10af30
```
#10af30 rgb(16,175,48)
```

Tetradic Color

#690a56
```
#690a56 rgb(105,10,86)
```
#800c69
```
#800c69 rgb(128,12,105)
```
#980e7c
```
#980e7c rgb(152,14,124)
```
#af108f
```
#af108f rgb(175,16,143)
```
#c612a2
```
#c612a2 rgb(198,18,162)
```
#de14b5
```
#de14b5 rgb(222,20,181)
```
#eb21c2
```
#eb21c2 rgb(235,33,194)
```

Monochromatic Color

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

#a710af
```
#a710af rgb(167,16,175)
```
#af10aa
```
#af10aa rgb(175,16,170)
```
#af109c
```
#af109c rgb(175,16,156)
```
#af108f
```
#af108f rgb(175,16,143)
```
#af1082
```
#af1082 rgb(175,16,130)
```
#af1075
```
#af1075 rgb(175,16,117)
```
#af1067
```
#af1067 rgb(175,16,103)
```

Similar Colors

Text with hexadecimal color #af108f

This text has a font color of #af108f.

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

#af108f background color

This paragraph has a background color of #af108f.

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

#af108f border color

This element has a border color of #af108f.

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

CSS codes

.text {color:#af108f;}

.background {background-color:#af108f;}

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

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, #0d010b is the darkest color, while #fffafe is the lightest one.

#0d010b
```
#0d010b rgb(13,1,11)
```
#1f031a
```
#1f031a rgb(31,3,26)
```
#310428
```
#310428 rgb(49,4,40)
```
#430637
```
#430637 rgb(67,6,55)
```
#550846
```
#550846 rgb(85,8,70)
```
#670954
```
#670954 rgb(103,9,84)
```
#790b63
```
#790b63 rgb(121,11,99)
```
#8b0d72
```
#8b0d72 rgb(139,13,114)
```
#9d0e80
```
#9d0e80 rgb(157,14,128)
```
#af108f
```
#af108f rgb(175,16,143)
```
#c1129e
```
#c1129e rgb(193,18,158)
```
#d313ac
```
#d313ac rgb(211,19,172)
```
#e515bb
```
#e515bb rgb(229,21,187)
```

Shade Color Variation

#eb23c3
```
#eb23c3 rgb(235,35,195)
```
#ec35c7
```
#ec35c7 rgb(236,53,199)
```
#ee47cc
```
#ee47cc rgb(238,71,204)
```
#f059d1
```
#f059d1 rgb(240,89,209)
```
#f16bd6
```
#f16bd6 rgb(241,107,214)
```
#f37cdb
```
#f37cdb rgb(243,124,219)
```
#f58ee0
```
#f58ee0 rgb(245,142,224)
```
#f6a0e5
```
#f6a0e5 rgb(246,160,229)
```
#f8b2ea
```
#f8b2ea rgb(248,178,234)
```
#fac4ef
```
#fac4ef rgb(250,196,239)
```
#fbd6f4
```
#fbd6f4 rgb(251,214,244)
```
#fde8f9
```
#fde8f9 rgb(253,232,249)
```
#fffafe
```
#fffafe rgb(255,250,254)
```

Tint Color Variation

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

#665963
```
#665963 rgb(102,89,99)
```
#6d5267
```
#6d5267 rgb(109,82,103)
```
#744b6c
```
#744b6c rgb(116,75,108)
```
#7c4370
```
#7c4370 rgb(124,67,112)
```
#833c75
```
#833c75 rgb(131,60,117)
```
#8a3579
```
#8a3579 rgb(138,53,121)
```
#922d7d
```
#922d7d rgb(146,45,125)
```
#992682
```
#992682 rgb(153,38,130)
```
#a01f86
```
#a01f86 rgb(160,31,134)
```
#a8178b
```
#a8178b rgb(168,23,139)
```
#af108f
```
#af108f rgb(175,16,143)
```
#b60993
```
#b60993 rgb(182,9,147)
```
#be0198
```
#be0198 rgb(190,1,152)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#61425b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e64c1 Protanopia 1% of men
#5e6687 Deuteranopia 1% of men
#ab4246 Tritanopia 0.001% of the population

Trichromacy

#5245af Protanomaly 1% of men, 0.01% of women
#7b468a Deuteranomaly 6% of men, 0.4% of women
#ad3060 Tritanomaly 0.01% of the population