colorhexa.com

#af07b2 hex color

In a RGB color space, hex #af07b2 is composed of 68.6% red, 2.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 96.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 298.9 degrees, a saturation of 92.4% and a lightness of 36.3%. #af07b2 color hex could be obtained by blending #ff0eff with #5f0065. Closest websafe color is: #990099.

- R 69
- G 3
- B 70
RGB color chart
- C 2
- M 96
- Y 0
- K 30
CMYK color chart

● #af07b2 color description : Dark magenta.

The hexadecimal color #af07b2 has RGB values of R:175, G:7, B:178 and CMYK values of C:0.02, M:0.96, Y:0, K:0.3. Its decimal value is 11470770.

Hex triplet	af07b2	`#af07b2`
RGB Decimal	175, 7, 178	`rgb(175,7,178)`
RGB Percent	68.6, 2.7, 69.8	`rgb(68.6%,2.7%,69.8%)`
CMYK	2, 96, 0, 30
HSL	298.9°, 92.4, 36.3	`hsl(298.9,92.4%,36.3%)`
HSV (or HSB)	298.9°, 96.1, 69.8
Web Safe	990099	`#990099`

CIE-LAB	41.972, 73.821, -46.973
XYZ	25.79, 12.482, 43.168
xyY	0.317, 0.153, 12.482
CIE-LCH	41.972, 87.499, 327.531
CIE-LUV	41.972, 56.387, -76.589
Hunter-Lab	35.33, 68.476, -47.713
Binary	10101111, 00000111, 10110010

#af07b2
```
#af07b2 rgb(175,7,178)
```
#0ab207
```
#0ab207 rgb(10,178,7)
```

Complementary Color

#5907b2
```
#5907b2 rgb(89,7,178)
```
#af07b2
```
#af07b2 rgb(175,7,178)
```
#b20760
```
#b20760 rgb(178,7,96)
```

Analogous Color

#07b259
```
#07b259 rgb(7,178,89)
```
#af07b2
```
#af07b2 rgb(175,7,178)
```
#60b207
```
#60b207 rgb(96,178,7)
```

Split Complementary Color

#07b2af
```
#07b2af rgb(7,178,175)
```
#af07b2
```
#af07b2 rgb(175,7,178)
```
#b2af07
```
#b2af07 rgb(178,175,7)
```

Triadic Color

#670468
```
#670468 rgb(103,4,104)
```
#7f0581
```
#7f0581 rgb(127,5,129)
```
#970699
```
#970699 rgb(151,6,153)
```
#af07b2
```
#af07b2 rgb(175,7,178)
```
#c708cb
```
#c708cb rgb(199,8,203)
```
#df09e3
```
#df09e3 rgb(223,9,227)
```
#f210f6
```
#f210f6 rgb(242,16,246)
```

Monochromatic Color

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

#8407b2
```
#8407b2 rgb(132,7,178)
```
#9307b2
```
#9307b2 rgb(147,7,178)
```
#a107b2
```
#a107b2 rgb(161,7,178)
```
#af07b2
```
#af07b2 rgb(175,7,178)
```
#b207a7
```
#b207a7 rgb(178,7,167)
```
#b20799
```
#b20799 rgb(178,7,153)
```
#b2078a
```
#b2078a rgb(178,7,138)
```

Similar Colors

Text with hexadecimal color #af07b2

This text has a font color of #af07b2.

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

#af07b2 background color

This paragraph has a background color of #af07b2.

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

#af07b2 border color

This element has a border color of #af07b2.

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

CSS codes

.text {color:#af07b2;}

.background {background-color:#af07b2;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1b011b
```
#1b011b rgb(27,1,27)
```
#2d022e
```
#2d022e rgb(45,2,46)
```
#400341
```
#400341 rgb(64,3,65)
```
#520354
```
#520354 rgb(82,3,84)
```
#650467
```
#650467 rgb(101,4,103)
```
#770579
```
#770579 rgb(119,5,121)
```
#8a068c
```
#8a068c rgb(138,6,140)
```
#9c069f
```
#9c069f rgb(156,6,159)
```
#af07b2
```
#af07b2 rgb(175,7,178)
```
#c208c5
```
#c208c5 rgb(194,8,197)
```
#d408d8
```
#d408d8 rgb(212,8,216)
```
#e709eb
```
#e709eb rgb(231,9,235)
```

Shade Color Variation

#f212f6
```
#f212f6 rgb(242,18,246)
```
#f325f6
```
#f325f6 rgb(243,37,246)
```
#f438f7
```
#f438f7 rgb(244,56,247)
```
#f54af8
```
#f54af8 rgb(245,74,248)
```
#f65df9
```
#f65df9 rgb(246,93,249)
```
#f770f9
```
#f770f9 rgb(247,112,249)
```
#f883fa
```
#f883fa rgb(248,131,250)
```
#f996fb
```
#f996fb rgb(249,150,251)
```
#faa9fc
```
#faa9fc rgb(250,169,252)
```
#fbbcfc
```
#fbbcfc rgb(251,188,252)
```
#fccffd
```
#fccffd rgb(252,207,253)
```
#fde1fe
```
#fde1fe rgb(253,225,254)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#5d5c5d
```
#5d5c5d rgb(93,92,93)
```
#635564
```
#635564 rgb(99,85,100)
```
#6a4e6b
```
#6a4e6b rgb(106,78,107)
```
#714772
```
#714772 rgb(113,71,114)
```
#784079
```
#784079 rgb(120,64,121)
```
#7f3980
```
#7f3980 rgb(127,57,128)
```
#863287
```
#863287 rgb(134,50,135)
```
#8d2b8e
```
#8d2b8e rgb(141,43,142)
```
#942396
```
#942396 rgb(148,35,150)
```
#9a1c9d
```
#9a1c9d rgb(154,28,157)
```
#a115a4
```
#a115a4 rgb(161,21,164)
```
#a80eab
```
#a80eab rgb(168,14,171)
```
#af07b2
```
#af07b2 rgb(175,7,178)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#613f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#456ba5 Deuteranopia 1% of men
#a74e53 Tritanopia 0.001% of the population

Trichromacy

#3f44c1 Protanomaly 1% of men, 0.01% of women
#6b46a9 Deuteranomaly 6% of men, 0.4% of women
#a93475 Tritanomaly 0.01% of the population