#af06b6 hex color

In a RGB color space, hex #af06b6 is composed of 68.6% red, 2.4% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 96.7% magenta, 0% yellow and 28.6% black. It has a hue angle of 297.6 degrees, a saturation of 93.6% and a lightness of 36.9%. #af06b6 color hex could be obtained by blending #ff0cff with #5f006d. Closest websafe color is: #9900cc.

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

● #af06b6 color description : Strong magenta.

The hexadecimal color #af06b6 has RGB values of R:175, G:6, B:182 and CMYK values of C:0.04, M:0.97, Y:0, K:0.29. Its decimal value is 11470518.

Hex triplet	af06b6	`#af06b6`
RGB Decimal	175, 6, 182	`rgb(175,6,182)`
RGB Percent	68.6, 2.4, 71.4	`rgb(68.6%,2.4%,71.4%)`
CMYK	4, 97, 0, 29
HSL	297.6°, 93.6, 36.9	`hsl(297.6,93.6%,36.9%)`
HSV (or HSB)	297.6°, 96.7, 71.4
Web Safe	9900cc	`#9900cc`

CIE-LAB	42.19, 74.532, -48.99
XYZ	26.187, 12.623, 45.311
xyY	0.311, 0.15, 12.623
CIE-LCH	42.19, 89.191, 326.683
CIE-LUV	42.19, 54.952, -79.58
Hunter-Lab	35.529, 69.388, -50.742
Binary	10101111, 00000110, 10110110

#af06b6
```
#af06b6 rgb(175,6,182)
```
#0db606
```
#0db606 rgb(13,182,6)
```

Complementary Color

#5706b6
```
#5706b6 rgb(87,6,182)
```
#af06b6
```
#af06b6 rgb(175,6,182)
```
#b60665
```
#b60665 rgb(182,6,101)
```

Analogous Color

#06b657
```
#06b657 rgb(6,182,87)
```
#af06b6
```
#af06b6 rgb(175,6,182)
```
#65b606
```
#65b606 rgb(101,182,6)
```

Split Complementary Color

#06b6af
```
#06b6af rgb(6,182,175)
```
#af06b6
```
#af06b6 rgb(175,6,182)
```
#b6af06
```
#b6af06 rgb(182,175,6)
```

Triadic Color

#060db6
```
#060db6 rgb(6,13,182)
```
#af06b6
```
#af06b6 rgb(175,6,182)
```
#b6af06
```
#b6af06 rgb(182,175,6)
```
#0db606
```
#0db606 rgb(13,182,6)
```

Tetradic Color

#68046c
```
#68046c rgb(104,4,108)
```
#800485
```
#800485 rgb(128,4,133)
```
#97059d
```
#97059d rgb(151,5,157)
```
#af06b6
```
#af06b6 rgb(175,6,182)
```
#c707cf
```
#c707cf rgb(199,7,207)
```
#de08e7
```
#de08e7 rgb(222,8,231)
```
#ee11f7
```
#ee11f7 rgb(238,17,247)
```

Monochromatic Color

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

#8306b6
```
#8306b6 rgb(131,6,182)
```
#9206b6
```
#9206b6 rgb(146,6,182)
```
#a006b6
```
#a006b6 rgb(160,6,182)
```
#af06b6
```
#af06b6 rgb(175,6,182)
```
#b606ae
```
#b606ae rgb(182,6,174)
```
#b606a0
```
#b606a0 rgb(182,6,160)
```
#b60691
```
#b60691 rgb(182,6,145)
```

Similar Colors

Text with hexadecimal color #af06b6

This text has a font color of #af06b6.

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

#af06b6 background color

This paragraph has a background color of #af06b6.

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

#af06b6 border color

This element has a border color of #af06b6.

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

CSS codes

.text {color:#af06b6;}

.background {background-color:#af06b6;}

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

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

#0b000b
```
#0b000b rgb(11,0,11)
```
#1d011e
```
#1d011e rgb(29,1,30)
```
#2f0231
```
#2f0231 rgb(47,2,49)
```
#410244
```
#410244 rgb(65,2,68)
```
#540357
```
#540357 rgb(84,3,87)
```
#66036a
```
#66036a rgb(102,3,106)
```
#78047d
```
#78047d rgb(120,4,125)
```
#8a0590
```
#8a0590 rgb(138,5,144)
```
#9d05a3
```
#9d05a3 rgb(157,5,163)
```
#af06b6
```
#af06b6 rgb(175,6,182)
```
#c107c9
```
#c107c9 rgb(193,7,201)
```
#d407dc
```
#d407dc rgb(212,7,220)
```
#e608ef
```
#e608ef rgb(230,8,239)
```

Shade Color Variation

#ee13f7
```
#ee13f7 rgb(238,19,247)
```
#f026f8
```
#f026f8 rgb(240,38,248)
```
#f139f8
```
#f139f8 rgb(241,57,248)
```
#f24cf9
```
#f24cf9 rgb(242,76,249)
```
#f45ffa
```
#f45ffa rgb(244,95,250)
```
#f572fa
```
#f572fa rgb(245,114,250)
```
#f685fb
```
#f685fb rgb(246,133,251)
```
#f898fc
```
#f898fc rgb(248,152,252)
```
#f9abfc
```
#f9abfc rgb(249,171,252)
```
#fabefd
```
#fabefd rgb(250,190,253)
```
#fcd1fd
```
#fcd1fd rgb(252,209,253)
```
#fde4fe
```
#fde4fe rgb(253,228,254)
```
#fef7ff
```
#fef7ff rgb(254,247,255)
```

Tint Color Variation

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

#5f5d5f
```
#5f5d5f rgb(95,93,95)
```
#665666
```
#665666 rgb(102,86,102)
```
#6c4e6e
```
#6c4e6e rgb(108,78,110)
```
#734775
```
#734775 rgb(115,71,117)
```
#7a407c
```
#7a407c rgb(122,64,124)
```
#803983
```
#803983 rgb(128,57,131)
```
#87318b
```
#87318b rgb(135,49,139)
```
#8e2a92
```
#8e2a92 rgb(142,42,146)
```
#942399
```
#942399 rgb(148,35,153)
```
#9b1ca0
```
#9b1ca0 rgb(155,28,160)
```
#a214a8
```
#a214a8 rgb(162,20,168)
```
#a80daf
```
#a80daf rgb(168,13,175)
```
#af06b6
```
#af06b6 rgb(175,6,182)
```

Tone Color Variation

Below, you can see how #af06b6 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
#613f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#416ca8 Deuteranopia 1% of men
#a65055 Tritanopia 0.001% of the population

Trichromacy

#3f44c3 Protanomaly 1% of men, 0.01% of women
#6947ad Deuteranomaly 6% of men, 0.4% of women
#a93578 Tritanomaly 0.01% of the population

#af06b6 hex color

#af06b6 Color Information

#af06b6 Color Conversion

Color Schemes with #af06b6

Alternatives to #af06b6

#af06b6 Preview

Shades and Tints of #af06b6

Tones of #af06b6

Color Blindness Simulator