#af0684 hex color

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

♥
- f
- t
- g
- R 69
- G 2
- B 52
RGB color chart
- C 0
- M 97
- Y 25
- K 31
CMYK color chart

● #af0684 color description : Dark pink.

The hexadecimal color #af0684 has RGB values of R:175, G:6, B:132 and CMYK values of C:0, M:0.97, Y:0.25, K:0.31. Its decimal value is 11470468.

Hex triplet	af0684	`#af0684`
RGB Decimal	175, 6, 132	`rgb(175,6,132)`
RGB Percent	68.6, 2.4, 51.8	`rgb(68.6%,2.4%,51.8%)`
CMYK	0, 97, 25, 31
HSL	315.3°, 93.4, 35.5	`hsl(315.3,93.4%,35.5%)`
HSV (or HSB)	315.3°, 96.6, 68.6
Web Safe	990099	`#990099`

CIE-LAB	39.432, 67.641, -23.159
XYZ	21.909, 10.912, 22.781
xyY	0.394, 0.196, 10.912
CIE-LCH	39.432, 71.496, 341.1
CIE-LUV	39.432, 75.497, -41.822
Hunter-Lab	33.034, 60.58, -17.765
Binary	10101111, 00000110, 10000100

#af0684
```
#af0684 rgb(175,6,132)
```
#06af31
```
#06af31 rgb(6,175,49)
```

Complementary Color

#8606af
```
#8606af rgb(134,6,175)
```
#af0684
```
#af0684 rgb(175,6,132)
```
#af0630
```
#af0630 rgb(175,6,48)
```

Analogous Color

#06af86
```
#06af86 rgb(6,175,134)
```
#af0684
```
#af0684 rgb(175,6,132)
```
#30af06
```
#30af06 rgb(48,175,6)
```

Split Complementary Color

#0684af
```
#0684af rgb(6,132,175)
```
#af0684
```
#af0684 rgb(175,6,132)
```
#84af06
```
#84af06 rgb(132,175,6)
```

Triadic Color

#3106af
```
#3106af rgb(49,6,175)
```
#af0684
```
#af0684 rgb(175,6,132)
```
#84af06
```
#84af06 rgb(132,175,6)
```
#06af31
```
#06af31 rgb(6,175,49)
```

Tetradic Color

#65034c
```
#65034c rgb(101,3,76)
```
#7e045f
```
#7e045f rgb(126,4,95)
```
#960571
```
#960571 rgb(150,5,113)
```
#af0684
```
#af0684 rgb(175,6,132)
```
#c80797
```
#c80797 rgb(200,7,151)
```
#e008a9
```
#e008a9 rgb(224,8,169)
```
#f70bbb
```
#f70bbb rgb(247,11,187)
```

Monochromatic Color

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

#af06ae
```
#af06ae rgb(175,6,174)
```
#af06a0
```
#af06a0 rgb(175,6,160)
```
#af0692
```
#af0692 rgb(175,6,146)
```
#af0684
```
#af0684 rgb(175,6,132)
```
#af0676
```
#af0676 rgb(175,6,118)
```
#af0668
```
#af0668 rgb(175,6,104)
```
#af065a
```
#af065a rgb(175,6,90)
```

Similar Colors

Text with hexadecimal color #af0684

This text has a font color of #af0684.

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

#af0684 background color

This paragraph has a background color of #af0684.

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

#af0684 border color

This element has a border color of #af0684.

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

CSS codes

.text {color:#af0684;}

.background {background-color:#af0684;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#170112
```
#170112 rgb(23,1,18)
```
#2a0120
```
#2a0120 rgb(42,1,32)
```
#3d022e
```
#3d022e rgb(61,2,46)
```
#50033c
```
#50033c rgb(80,3,60)
```
#63034b
```
#63034b rgb(99,3,75)
```
#760459
```
#760459 rgb(118,4,89)
```
#890567
```
#890567 rgb(137,5,103)
```
#9c0576
```
#9c0576 rgb(156,5,118)
```
#af0684
```
#af0684 rgb(175,6,132)
```
#c20792
```
#c20792 rgb(194,7,146)
```
#d507a1
```
#d507a1 rgb(213,7,161)
```
#e808af
```
#e808af rgb(232,8,175)
```

Shade Color Variation

#f70dbb
```
#f70dbb rgb(247,13,187)
```
#f720c0
```
#f720c0 rgb(247,32,192)
```
#f833c6
```
#f833c6 rgb(248,51,198)
```
#f946cb
```
#f946cb rgb(249,70,203)
```
#f959d0
```
#f959d0 rgb(249,89,208)
```
#fa6cd6
```
#fa6cd6 rgb(250,108,214)
```
#fb7fdb
```
#fb7fdb rgb(251,127,219)
```
#fb92e0
```
#fb92e0 rgb(251,146,224)
```
#fca4e6
```
#fca4e6 rgb(252,164,230)
```
#fdb7eb
```
#fdb7eb rgb(253,183,235)
```
#fdcaf0
```
#fdcaf0 rgb(253,202,240)
```
#feddf6
```
#feddf6 rgb(254,221,246)
```
#fef0fb
```
#fef0fb rgb(254,240,251)
```

Tint Color Variation

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

#5b5a5b
```
#5b5a5b rgb(91,90,91)
```
#62535e
```
#62535e rgb(98,83,94)
```
#694c62
```
#694c62 rgb(105,76,98)
```
#704565
```
#704565 rgb(112,69,101)
```
#773e69
```
#773e69 rgb(119,62,105)
```
#7e376c
```
#7e376c rgb(126,55,108)
```
#85306f
```
#85306f rgb(133,48,111)
```
#8c2973
```
#8c2973 rgb(140,41,115)
```
#932276
```
#932276 rgb(147,34,118)
```
#9a1b7a
```
#9a1b7a rgb(154,27,122)
```
#a1147d
```
#a1147d rgb(161,20,125)
```
#a80d81
```
#a80d81 rgb(168,13,129)
```
#af0684
```
#af0684 rgb(175,6,132)
```

Tone Color Variation

Below, you can see how #af0684 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
#5c3a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f62b6 Protanopia 1% of men
#61637d Deuteranopia 1% of men
#ad3c3f Tritanopia 0.001% of the population

Trichromacy

#5d40a4 Protanomaly 1% of men, 0.01% of women
#7d417f Deuteranomaly 6% of men, 0.4% of women
#ad2858 Tritanomaly 0.01% of the population

#af0684 hex color

#af0684 Color Information

#af0684 Color Conversion

Color Schemes with #af0684

Alternatives to #af0684

#af0684 Preview

Shades and Tints of #af0684

Tones of #af0684

Color Blindness Simulator