#af06b4 hex color

In a RGB color space, hex #af06b4 is composed of 68.6% red, 2.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 96.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 298.3 degrees, a saturation of 93.5% and a lightness of 36.5%. #af06b4 color hex could be obtained by blending #ff0cff with #5f0069. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 2
- B 71
RGB color chart
- C 3
- M 97
- Y 0
- K 29
CMYK color chart

● #af06b4 color description : Strong magenta.

The hexadecimal color #af06b4 has RGB values of R:175, G:6, B:180 and CMYK values of C:0.03, M:0.97, Y:0, K:0.29. Its decimal value is 11470516.

Hex triplet	af06b4	`#af06b4`
RGB Decimal	175, 6, 180	`rgb(175,6,180)`
RGB Percent	68.6, 2.4, 70.6	`rgb(68.6%,2.4%,70.6%)`
CMYK	3, 97, 0, 29
HSL	298.3°, 93.5, 36.5	`hsl(298.3,93.5%,36.5%)`
HSV (or HSB)	298.3°, 96.7, 70.6
Web Safe	9900cc	`#9900cc`

CIE-LAB	42.064, 74.225, -48.011
XYZ	25.982, 12.541, 44.23
xyY	0.314, 0.152, 12.541
CIE-LCH	42.064, 88.399, 327.104
CIE-LUV	42.064, 55.692, -78.121
Hunter-Lab	35.414, 68.986, -49.261
Binary	10101111, 00000110, 10110100

#af06b4
```
#af06b4 rgb(175,6,180)
```
#0bb406
```
#0bb406 rgb(11,180,6)
```

Complementary Color

#5806b4
```
#5806b4 rgb(88,6,180)
```
#af06b4
```
#af06b4 rgb(175,6,180)
```
#b40662
```
#b40662 rgb(180,6,98)
```

Analogous Color

#06b458
```
#06b458 rgb(6,180,88)
```
#af06b4
```
#af06b4 rgb(175,6,180)
```
#62b406
```
#62b406 rgb(98,180,6)
```

Split Complementary Color

#06b4af
```
#06b4af rgb(6,180,175)
```
#af06b4
```
#af06b4 rgb(175,6,180)
```
#b4af06
```
#b4af06 rgb(180,175,6)
```

Triadic Color

#060bb4
```
#060bb4 rgb(6,11,180)
```
#af06b4
```
#af06b4 rgb(175,6,180)
```
#b4af06
```
#b4af06 rgb(180,175,6)
```
#0bb406
```
#0bb406 rgb(11,180,6)
```

Tetradic Color

#67046a
```
#67046a rgb(103,4,106)
```
#7f0483
```
#7f0483 rgb(127,4,131)
```
#97059b
```
#97059b rgb(151,5,155)
```
#af06b4
```
#af06b4 rgb(175,6,180)
```
#c707cd
```
#c707cd rgb(199,7,205)
```
#df08e5
```
#df08e5 rgb(223,8,229)
```
#f00ff7
```
#f00ff7 rgb(240,15,247)
```

Monochromatic Color

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

#8406b4
```
#8406b4 rgb(132,6,180)
```
#9206b4
```
#9206b4 rgb(146,6,180)
```
#a106b4
```
#a106b4 rgb(161,6,180)
```
#af06b4
```
#af06b4 rgb(175,6,180)
```
#b406ab
```
#b406ab rgb(180,6,171)
```
#b4069c
```
#b4069c rgb(180,6,156)
```
#b4068e
```
#b4068e rgb(180,6,142)
```

Similar Colors

Text with hexadecimal color #af06b4

This text has a font color of #af06b4.

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

#af06b4 background color

This paragraph has a background color of #af06b4.

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

#af06b4 border color

This element has a border color of #af06b4.

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

CSS codes

.text {color:#af06b4;}

.background {background-color:#af06b4;}

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

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

#090009
```
#090009 rgb(9,0,9)
```
#1b011c
```
#1b011c rgb(27,1,28)
```
#2e022f
```
#2e022f rgb(46,2,47)
```
#400242
```
#400242 rgb(64,2,66)
```
#530355
```
#530355 rgb(83,3,85)
```
#650368
```
#650368 rgb(101,3,104)
```
#78047b
```
#78047b rgb(120,4,123)
```
#8a058e
```
#8a058e rgb(138,5,142)
```
#9d05a1
```
#9d05a1 rgb(157,5,161)
```
#af06b4
```
#af06b4 rgb(175,6,180)
```
#c107c7
```
#c107c7 rgb(193,7,199)
```
#d407da
```
#d407da rgb(212,7,218)
```
#e608ed
```
#e608ed rgb(230,8,237)
```

Shade Color Variation

#f011f7
```
#f011f7 rgb(240,17,247)
```
#f224f8
```
#f224f8 rgb(242,36,248)
```
#f337f8
```
#f337f8 rgb(243,55,248)
```
#f44af9
```
#f44af9 rgb(244,74,249)
```
#f55dfa
```
#f55dfa rgb(245,93,250)
```
#f670fa
```
#f670fa rgb(246,112,250)
```
#f783fb
```
#f783fb rgb(247,131,251)
```
#f996fc
```
#f996fc rgb(249,150,252)
```
#faa9fc
```
#faa9fc rgb(250,169,252)
```
#fbbcfd
```
#fbbcfd rgb(251,188,253)
```
#fccffd
```
#fccffd rgb(252,207,253)
```
#fde2fe
```
#fde2fe rgb(253,226,254)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#5e5c5e
```
#5e5c5e rgb(94,92,94)
```
#655565
```
#655565 rgb(101,85,101)
```
#6c4e6c
```
#6c4e6c rgb(108,78,108)
```
#724674
```
#724674 rgb(114,70,116)
```
#793f7b
```
#793f7b rgb(121,63,123)
```
#803882
```
#803882 rgb(128,56,130)
```
#873189
```
#873189 rgb(135,49,137)
```
#8d2a90
```
#8d2a90 rgb(141,42,144)
```
#942397
```
#942397 rgb(148,35,151)
```
#9b1b9f
```
#9b1b9f rgb(155,27,159)
```
#a214a6
```
#a214a6 rgb(162,20,166)
```
#a80dad
```
#a80dad rgb(168,13,173)
```
#af06b4
```
#af06b4 rgb(175,6,180)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#603e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#436ba6 Deuteranopia 1% of men
#a64f54 Tritanopia 0.001% of the population

Trichromacy

#3f44c2 Protanomaly 1% of men, 0.01% of women
#6a46ab Deuteranomaly 6% of men, 0.4% of women
#a93477 Tritanomaly 0.01% of the population

#af06b4 hex color

#af06b4 Color Information

#af06b4 Color Conversion

Color Schemes with #af06b4

Alternatives to #af06b4

#af06b4 Preview

Shades and Tints of #af06b4

Tones of #af06b4

Color Blindness Simulator