#af02ba hex color

In a RGB color space, hex #af02ba is composed of 68.6% red, 0.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 98.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 296.4 degrees, a saturation of 97.9% and a lightness of 36.9%. #af02ba color hex could be obtained by blending #ff04ff with #5f0075. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 1
- B 73
RGB color chart
- C 6
- M 99
- Y 0
- K 27
CMYK color chart

● #af02ba color description : Strong magenta.

The hexadecimal color #af02ba has RGB values of R:175, G:2, B:186 and CMYK values of C:0.06, M:0.99, Y:0, K:0.27. Its decimal value is 11469498.

Hex triplet	af02ba	`#af02ba`
RGB Decimal	175, 2, 186	`rgb(175,2,186)`
RGB Percent	68.6, 0.8, 72.9	`rgb(68.6%,0.8%,72.9%)`
CMYK	6, 99, 0, 27
HSL	296.4°, 97.9, 36.9	`hsl(296.4,97.9%,36.9%)`
HSV (or HSB)	296.4°, 98.9, 72.9
Web Safe	9900cc	`#9900cc`

CIE-LAB	42.314, 75.547, -51.148
XYZ	26.563, 12.704, 47.505
xyY	0.306, 0.146, 12.704
CIE-LCH	42.314, 91.233, 325.901
CIE-LUV	42.314, 53.688, -82.74
Hunter-Lab	35.643, 70.653, -54.071
Binary	10101111, 00000010, 10111010

#af02ba
```
#af02ba rgb(175,2,186)
```
#0dba02
```
#0dba02 rgb(13,186,2)
```

Complementary Color

#5302ba
```
#5302ba rgb(83,2,186)
```
#af02ba
```
#af02ba rgb(175,2,186)
```
#ba0269
```
#ba0269 rgb(186,2,105)
```

Analogous Color

#02ba53
```
#02ba53 rgb(2,186,83)
```
#af02ba
```
#af02ba rgb(175,2,186)
```
#69ba02
```
#69ba02 rgb(105,186,2)
```

Split Complementary Color

#02baaf
```
#02baaf rgb(2,186,175)
```
#af02ba
```
#af02ba rgb(175,2,186)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```

Triadic Color

#020dba
```
#020dba rgb(2,13,186)
```
#af02ba
```
#af02ba rgb(175,2,186)
```
#baaf02
```
#baaf02 rgb(186,175,2)
```
#0dba02
```
#0dba02 rgb(13,186,2)
```

Tetradic Color

#68016e
```
#68016e rgb(104,1,110)
```
#800188
```
#800188 rgb(128,1,136)
```
#9702a1
```
#9702a1 rgb(151,2,161)
```
#af02ba
```
#af02ba rgb(175,2,186)
```
#c702d3
```
#c702d3 rgb(199,2,211)
```
#de03ec
```
#de03ec rgb(222,3,236)
```
#ee0cfc
```
#ee0cfc rgb(238,12,252)
```

Monochromatic Color

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

#8102ba
```
#8102ba rgb(129,2,186)
```
#9002ba
```
#9002ba rgb(144,2,186)
```
#a002ba
```
#a002ba rgb(160,2,186)
```
#af02ba
```
#af02ba rgb(175,2,186)
```
#ba02b6
```
#ba02b6 rgb(186,2,182)
```
#ba02a6
```
#ba02a6 rgb(186,2,166)
```
#ba0297
```
#ba0297 rgb(186,2,151)
```

Similar Colors

Text with hexadecimal color #af02ba

This text has a font color of #af02ba.

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

#af02ba background color

This paragraph has a background color of #af02ba.

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

#af02ba border color

This element has a border color of #af02ba.

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

CSS codes

.text {color:#af02ba;}

.background {background-color:#af02ba;}

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

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)
```
#1d001f
```
#1d001f rgb(29,0,31)
```
#2f0132
```
#2f0132 rgb(47,1,50)
```
#410146
```
#410146 rgb(65,1,70)
```
#540159
```
#540159 rgb(84,1,89)
```
#66016c
```
#66016c rgb(102,1,108)
```
#780180
```
#780180 rgb(120,1,128)
```
#8a0293
```
#8a0293 rgb(138,2,147)
```
#9d02a7
```
#9d02a7 rgb(157,2,167)
```
#af02ba
```
#af02ba rgb(175,2,186)
```
#c102cd
```
#c102cd rgb(193,2,205)
```
#d402e1
```
#d402e1 rgb(212,2,225)
```
#e603f4
```
#e603f4 rgb(230,3,244)
```

Shade Color Variation

#ee0efc
```
#ee0efc rgb(238,14,252)
```
#f021fd
```
#f021fd rgb(240,33,253)
```
#f135fd
```
#f135fd rgb(241,53,253)
```
#f248fd
```
#f248fd rgb(242,72,253)
```
#f45cfd
```
#f45cfd rgb(244,92,253)
```
#f56ffd
```
#f56ffd rgb(245,111,253)
```
#f682fe
```
#f682fe rgb(246,130,254)
```
#f896fe
```
#f896fe rgb(248,150,254)
```
#f9a9fe
```
#f9a9fe rgb(249,169,254)
```
#fabdfe
```
#fabdfe rgb(250,189,254)
```
#fcd0fe
```
#fcd0fe rgb(252,208,254)
```
#fde4ff
```
#fde4ff rgb(253,228,255)
```
#fef7ff
```
#fef7ff rgb(254,247,255)
```

Tint Color Variation

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

#635963
```
#635963 rgb(99,89,99)
```
#69526a
```
#69526a rgb(105,82,106)
```
#6f4a72
```
#6f4a72 rgb(111,74,114)
```
#764379
```
#764379 rgb(118,67,121)
```
#7c3c80
```
#7c3c80 rgb(124,60,128)
```
#823587
```
#823587 rgb(130,53,135)
```
#892d8f
```
#892d8f rgb(137,45,143)
```
#8f2696
```
#8f2696 rgb(143,38,150)
```
#961f9d
```
#961f9d rgb(150,31,157)
```
#9c18a4
```
#9c18a4 rgb(156,24,164)
```
#a210ac
```
#a210ac rgb(162,16,172)
```
#a909b3
```
#a909b3 rgb(169,9,179)
```
#af02ba
```
#af02ba rgb(175,2,186)
```

Tone Color Variation

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

Dichromacy

#0068cc Protanopia 1% of men
#3c6cab Deuteranopia 1% of men
#a55156 Tritanopia 0.001% of the population

Trichromacy

#3f43c5 Protanomaly 1% of men, 0.01% of women
#6645b0 Deuteranomaly 6% of men, 0.4% of women
#a9347a Tritanomaly 0.01% of the population

#af02ba hex color

#af02ba Color Information

#af02ba Color Conversion

Color Schemes with #af02ba

Alternatives to #af02ba

#af02ba Preview

Shades and Tints of #af02ba

Tones of #af02ba

Color Blindness Simulator