#af00b8 hex color

In a RGB color space, hex #af00b8 is composed of 68.6% red, 0% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 100% magenta, 0% yellow and 27.8% black. It has a hue angle of 297.1 degrees, a saturation of 100% and a lightness of 36.1%. #af00b8 color hex could be obtained by blending #ff00ff with #5f0071. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 0
- B 72
RGB color chart
- C 5
- M 100
- Y 0
- K 28
CMYK color chart

● #af00b8 color description : Strong magenta.

The hexadecimal color #af00b8 has RGB values of R:175, G:0, B:184 and CMYK values of C:0.05, M:1, Y:0, K:0.28. Its decimal value is 11468984.

Hex triplet	af00b8	`#af00b8`
RGB Decimal	175, 0, 184	`rgb(175,0,184)`
RGB Percent	68.6, 0, 72.2	`rgb(68.6%,0%,72.2%)`
CMYK	5, 100, 0, 28
HSL	297.1°, 100, 36.1	`hsl(297.1,100%,36.1%)`
HSV (or HSB)	297.1°, 100, 72.2
Web Safe	9900cc	`#9900cc`

CIE-LAB	42.118, 75.435, -50.285
XYZ	26.33, 12.576, 46.385
xyY	0.309, 0.147, 12.576
CIE-LCH	42.118, 90.659, 326.312
CIE-LUV	42.118, 54.516, -81.428
Hunter-Lab	35.463, 70.47, -52.726
Binary	10101111, 00000000, 10111000

#af00b8
```
#af00b8 rgb(175,0,184)
```
#09b800
```
#09b800 rgb(9,184,0)
```

Complementary Color

#5300b8
```
#5300b8 rgb(83,0,184)
```
#af00b8
```
#af00b8 rgb(175,0,184)
```
#b80065
```
#b80065 rgb(184,0,101)
```

Analogous Color

#00b853
```
#00b853 rgb(0,184,83)
```
#af00b8
```
#af00b8 rgb(175,0,184)
```
#65b800
```
#65b800 rgb(101,184,0)
```

Split Complementary Color

#00b8af
```
#00b8af rgb(0,184,175)
```
#af00b8
```
#af00b8 rgb(175,0,184)
```
#b8af00
```
#b8af00 rgb(184,175,0)
```

Triadic Color

#0009b8
```
#0009b8 rgb(0,9,184)
```
#af00b8
```
#af00b8 rgb(175,0,184)
```
#b8af00
```
#b8af00 rgb(184,175,0)
```
#09b800
```
#09b800 rgb(9,184,0)
```

Tetradic Color

#66006c
```
#66006c rgb(102,0,108)
```
#7e0085
```
#7e0085 rgb(126,0,133)
```
#97009f
```
#97009f rgb(151,0,159)
```
#af00b8
```
#af00b8 rgb(175,0,184)
```
#c700d2
```
#c700d2 rgb(199,0,210)
```
#e000eb
```
#e000eb rgb(224,0,235)
```
#f305ff
```
#f305ff rgb(243,5,255)
```

Monochromatic Color

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

#8100b8
```
#8100b8 rgb(129,0,184)
```
#9000b8
```
#9000b8 rgb(144,0,184)
```
#a000b8
```
#a000b8 rgb(160,0,184)
```
#af00b8
```
#af00b8 rgb(175,0,184)
```
#b800b2
```
#b800b2 rgb(184,0,178)
```
#b800a2
```
#b800a2 rgb(184,0,162)
```
#b80093
```
#b80093 rgb(184,0,147)
```

Similar Colors

Text with hexadecimal color #af00b8

This text has a font color of #af00b8.

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

#af00b8 background color

This paragraph has a background color of #af00b8.

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

#af00b8 border color

This element has a border color of #af00b8.

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

CSS codes

.text {color:#af00b8;}

.background {background-color:#af00b8;}

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

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

#070007
```
#070007 rgb(7,0,7)
```
#1a001b
```
#1a001b rgb(26,0,27)
```
#2c002f
```
#2c002f rgb(44,0,47)
```
#3f0042
```
#3f0042 rgb(63,0,66)
```
#520056
```
#520056 rgb(82,0,86)
```
#64006a
```
#64006a rgb(100,0,106)
```
#77007d
```
#77007d rgb(119,0,125)
```
#8a0091
```
#8a0091 rgb(138,0,145)
```
#9c00a4
```
#9c00a4 rgb(156,0,164)
```
#af00b8
```
#af00b8 rgb(175,0,184)
```
#c200cc
```
#c200cc rgb(194,0,204)
```
#d400df
```
#d400df rgb(212,0,223)
```
#e700f3
```
#e700f3 rgb(231,0,243)
```

Shade Color Variation

#f307ff
```
#f307ff rgb(243,7,255)
```
#f41bff
```
#f41bff rgb(244,27,255)
```
#f52fff
```
#f52fff rgb(245,47,255)
```
#f642ff
```
#f642ff rgb(246,66,255)
```
#f756ff
```
#f756ff rgb(247,86,255)
```
#f86aff
```
#f86aff rgb(248,106,255)
```
#f97dff
```
#f97dff rgb(249,125,255)
```
#fa91ff
```
#fa91ff rgb(250,145,255)
```
#fba4ff
```
#fba4ff rgb(251,164,255)
```
#fcb8ff
```
#fcb8ff rgb(252,184,255)
```
#fcccff
```
#fcccff rgb(252,204,255)
```
#fddfff
```
#fddfff rgb(253,223,255)
```
#fef3ff
```
#fef3ff rgb(254,243,255)
```

Tint Color Variation

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

#625563
```
#625563 rgb(98,85,99)
```
#694e6a
```
#694e6a rgb(105,78,106)
```
#6f4771
```
#6f4771 rgb(111,71,113)
```
#764078
```
#764078 rgb(118,64,120)
```
#7c397f
```
#7c397f rgb(124,57,127)
```
#823286
```
#823286 rgb(130,50,134)
```
#892a8e
```
#892a8e rgb(137,42,142)
```
#8f2395
```
#8f2395 rgb(143,35,149)
```
#951c9c
```
#951c9c rgb(149,28,156)
```
#9c15a3
```
#9c15a3 rgb(156,21,163)
```
#a20eaa
```
#a20eaa rgb(162,14,170)
```
#a907b1
```
#a907b1 rgb(169,7,177)
```
#af00b8
```
#af00b8 rgb(175,0,184)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5d3a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#3e6ca9 Deuteranopia 1% of men
#a65055 Tritanopia 0.001% of the population

Trichromacy

#3f42c4 Protanomaly 1% of men, 0.01% of women
#6744af Deuteranomaly 6% of men, 0.4% of women
#a93379 Tritanomaly 0.01% of the population

#af00b8 hex color

#af00b8 Color Information

#af00b8 Color Conversion

Color Schemes with #af00b8

Alternatives to #af00b8

#af00b8 Preview

Shades and Tints of #af00b8

Tones of #af00b8

Color Blindness Simulator