colorhexa.com

#af06a8 hex color

In a RGB color space, hex #af06a8 is composed of 68.6% red, 2.4% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.6% magenta, 4% yellow and 31.4% black. It has a hue angle of 302.5 degrees, a saturation of 93.4% and a lightness of 35.5%. #af06a8 color hex could be obtained by blending #ff0cff with #5f0051. Closest websafe color is: #990099.

- R 69
- G 2
- B 66
RGB color chart
- C 0
- M 97
- Y 4
- K 31
CMYK color chart

● #af06a8 color description : Dark magenta.

The hexadecimal color #af06a8 has RGB values of R:175, G:6, B:168 and CMYK values of C:0, M:0.97, Y:0.04, K:0.31. Its decimal value is 11470504.

Hex triplet	af06a8	`#af06a8`
RGB Decimal	175, 6, 168	`rgb(175,6,168)`
RGB Percent	68.6, 2.4, 65.9	`rgb(68.6%,2.4%,65.9%)`
CMYK	0, 97, 4, 31
HSL	302.5°, 93.4, 35.5	`hsl(302.5,93.4%,35.5%)`
HSV (or HSB)	302.5°, 96.6, 68.6
Web Safe	990099	`#990099`

CIE-LAB	41.332, 72.432, -42.046
XYZ	24.812, 12.073, 38.067
xyY	0.331, 0.161, 12.073
CIE-LCH	41.332, 83.751, 329.865
CIE-LUV	41.332, 60.287, -69.258
Hunter-Lab	34.746, 66.657, -40.634
Binary	10101111, 00000110, 10101000

#af06a8
```
#af06a8 rgb(175,6,168)
```
#06af0d
```
#06af0d rgb(6,175,13)
```

Complementary Color

#6206af
```
#6206af rgb(98,6,175)
```
#af06a8
```
#af06a8 rgb(175,6,168)
```
#af0654
```
#af0654 rgb(175,6,84)
```

Analogous Color

#06af62
```
#06af62 rgb(6,175,98)
```
#af06a8
```
#af06a8 rgb(175,6,168)
```
#54af06
```
#54af06 rgb(84,175,6)
```

Split Complementary Color

#06a8af
```
#06a8af rgb(6,168,175)
```
#af06a8
```
#af06a8 rgb(175,6,168)
```
#a8af06
```
#a8af06 rgb(168,175,6)
```

Triadic Color

#650361
```
#650361 rgb(101,3,97)
```
#7e0479
```
#7e0479 rgb(126,4,121)
```
#960590
```
#960590 rgb(150,5,144)
```
#af06a8
```
#af06a8 rgb(175,6,168)
```
#c807c0
```
#c807c0 rgb(200,7,192)
```
#e008d7
```
#e008d7 rgb(224,8,215)
```
#f70bed
```
#f70bed rgb(247,11,237)
```

Monochromatic Color

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

#8c06af
```
#8c06af rgb(140,6,175)
```
#9a06af
```
#9a06af rgb(154,6,175)
```
#a806af
```
#a806af rgb(168,6,175)
```
#af06a8
```
#af06a8 rgb(175,6,168)
```
#af069a
```
#af069a rgb(175,6,154)
```
#af068c
```
#af068c rgb(175,6,140)
```
#af067e
```
#af067e rgb(175,6,126)
```

Similar Colors

Text with hexadecimal color #af06a8

This text has a font color of #af06a8.

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

#af06a8 background color

This paragraph has a background color of #af06a8.

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

#af06a8 border color

This element has a border color of #af06a8.

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

CSS codes

.text {color:#af06a8;}

.background {background-color:#af06a8;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#170116
```
#170116 rgb(23,1,22)
```
#2a0129
```
#2a0129 rgb(42,1,41)
```
#3d023b
```
#3d023b rgb(61,2,59)
```
#50034d
```
#50034d rgb(80,3,77)
```
#63035f
```
#63035f rgb(99,3,95)
```
#760471
```
#760471 rgb(118,4,113)
```
#890584
```
#890584 rgb(137,5,132)
```
#9c0596
```
#9c0596 rgb(156,5,150)
```
#af06a8
```
#af06a8 rgb(175,6,168)
```
#c207ba
```
#c207ba rgb(194,7,186)
```
#d507cc
```
#d507cc rgb(213,7,204)
```
#e808df
```
#e808df rgb(232,8,223)
```

Shade Color Variation

#f70ded
```
#f70ded rgb(247,13,237)
```
#f720ee
```
#f720ee rgb(247,32,238)
```
#f833f0
```
#f833f0 rgb(248,51,240)
```
#f946f1
```
#f946f1 rgb(249,70,241)
```
#f959f3
```
#f959f3 rgb(249,89,243)
```
#fa6cf4
```
#fa6cf4 rgb(250,108,244)
```
#fb7ff5
```
#fb7ff5 rgb(251,127,245)
```
#fb92f7
```
#fb92f7 rgb(251,146,247)
```
#fca4f8
```
#fca4f8 rgb(252,164,248)
```
#fdb7fa
```
#fdb7fa rgb(253,183,250)
```
#fdcafb
```
#fdcafb rgb(253,202,251)
```
#feddfd
```
#feddfd rgb(254,221,253)
```
#fef0fe
```
#fef0fe rgb(254,240,254)
```

Tint Color Variation

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

#5b5a5b
```
#5b5a5b rgb(91,90,91)
```
#625362
```
#625362 rgb(98,83,98)
```
#694c68
```
#694c68 rgb(105,76,104)
```
#70456f
```
#70456f rgb(112,69,111)
```
#773e75
```
#773e75 rgb(119,62,117)
```
#7e377b
```
#7e377b rgb(126,55,123)
```
#853082
```
#853082 rgb(133,48,130)
```
#8c2988
```
#8c2988 rgb(140,41,136)
```
#93228e
```
#93228e rgb(147,34,142)
```
#9a1b95
```
#9a1b95 rgb(154,27,149)
```
#a1149b
```
#a1149b rgb(161,20,155)
```
#a80da2
```
#a80da2 rgb(168,13,162)
```
#af06a8
```
#af06a8 rgb(175,6,168)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5f3d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#4d699c Deuteranopia 1% of men
#a84a4f Tritanopia 0.001% of the population

Trichromacy

#3f43bc Protanomaly 1% of men, 0.01% of women
#7145a0 Deuteranomaly 6% of men, 0.4% of women
#aa316f Tritanomaly 0.01% of the population