#af0bda hex color

In a RGB color space, hex #af0bda is composed of 68.6% red, 4.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 95% magenta, 0% yellow and 14.5% black. It has a hue angle of 287.5 degrees, a saturation of 90.4% and a lightness of 44.9%. #af0bda color hex could be obtained by blending #ff16ff with #5f00b5. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 4
- B 85
RGB color chart
- C 20
- M 95
- Y 0
- K 15
CMYK color chart

● #af0bda color description : Vivid magenta.

The hexadecimal color #af0bda has RGB values of R:175, G:11, B:218 and CMYK values of C:0.2, M:0.95, Y:0, K:0.15. Its decimal value is 11471834.

Hex triplet	af0bda	`#af0bda`
RGB Decimal	175, 11, 218	`rgb(175,11,218)`
RGB Percent	68.6, 4.3, 85.5	`rgb(68.6%,4.3%,85.5%)`
CMYK	20, 95, 0, 15
HSL	287.5°, 90.4, 44.9	`hsl(287.5,90.4%,44.9%)`
HSV (or HSB)	287.5°, 95, 85.5
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.825, 79.96, -65.668
XYZ	30.452, 14.417, 67.504
xyY	0.271, 0.128, 14.417
CIE-LCH	44.825, 103.469, 320.605
CIE-LUV	44.825, 42.725, -104.598
Hunter-Lab	37.969, 76.715, -78.832
Binary	10101111, 00001011, 11011010

#af0bda
```
#af0bda rgb(175,11,218)
```
#36da0b
```
#36da0b rgb(54,218,11)
```

Complementary Color

#480bda
```
#480bda rgb(72,11,218)
```
#af0bda
```
#af0bda rgb(175,11,218)
```
#da0b9e
```
#da0b9e rgb(218,11,158)
```

Analogous Color

#0bda47
```
#0bda47 rgb(11,218,71)
```
#af0bda
```
#af0bda rgb(175,11,218)
```
#9eda0b
```
#9eda0b rgb(158,218,11)
```

Split Complementary Color

#0bdaaf
```
#0bdaaf rgb(11,218,175)
```
#af0bda
```
#af0bda rgb(175,11,218)
```
#daaf0b
```
#daaf0b rgb(218,175,11)
```

Triadic Color

#0b36da
```
#0b36da rgb(11,54,218)
```
#af0bda
```
#af0bda rgb(175,11,218)
```
#daaf0b
```
#daaf0b rgb(218,175,11)
```
#36da0b
```
#36da0b rgb(54,218,11)
```

Tetradic Color

#750791
```
#750791 rgb(117,7,145)
```
#8809a9
```
#8809a9 rgb(136,9,169)
```
#9c0ac2
```
#9c0ac2 rgb(156,10,194)
```
#af0bda
```
#af0bda rgb(175,11,218)
```
#c20cf2
```
#c20cf2 rgb(194,12,242)
```
#c924f4
```
#c924f4 rgb(201,36,244)
```
#cf3cf5
```
#cf3cf5 rgb(207,60,245)
```

Monochromatic Color

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

#7b0bda
```
#7b0bda rgb(123,11,218)
```
#8d0bda
```
#8d0bda rgb(141,11,218)
```
#9e0bda
```
#9e0bda rgb(158,11,218)
```
#af0bda
```
#af0bda rgb(175,11,218)
```
#c00bda
```
#c00bda rgb(192,11,218)
```
#d20bda
```
#d20bda rgb(210,11,218)
```
#da0bd1
```
#da0bd1 rgb(218,11,209)
```

Similar Colors

Text with hexadecimal color #af0bda

This text has a font color of #af0bda.

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

#af0bda background color

This paragraph has a background color of #af0bda.

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

#af0bda border color

This element has a border color of #af0bda.

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

CSS codes

.text {color:#af0bda;}

.background {background-color:#af0bda;}

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

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

#0a010d
```
#0a010d rgb(10,1,13)
```
#19021f
```
#19021f rgb(25,2,31)
```
#280332
```
#280332 rgb(40,3,50)
```
#370345
```
#370345 rgb(55,3,69)
```
#460457
```
#460457 rgb(70,4,87)
```
#55056a
```
#55056a rgb(85,5,106)
```
#64067d
```
#64067d rgb(100,6,125)
```
#73078f
```
#73078f rgb(115,7,143)
```
#8208a2
```
#8208a2 rgb(130,8,162)
```
#9109b5
```
#9109b5 rgb(145,9,181)
```
#a00ac7
```
#a00ac7 rgb(160,10,199)
```
#af0bda
```
#af0bda rgb(175,11,218)
```
#be0ced
```
#be0ced rgb(190,12,237)
```

Shade Color Variation

#c619f3
```
#c619f3 rgb(198,25,243)
```
#cb2cf4
```
#cb2cf4 rgb(203,44,244)
```
#cf3ef5
```
#cf3ef5 rgb(207,62,245)
```
#d451f6
```
#d451f6 rgb(212,81,246)
```
#d864f7
```
#d864f7 rgb(216,100,247)
```
#dd76f8
```
#dd76f8 rgb(221,118,248)
```
#e289f9
```
#e289f9 rgb(226,137,249)
```
#e69cfa
```
#e69cfa rgb(230,156,250)
```
#ebaefb
```
#ebaefb rgb(235,174,251)
```
#f0c1fc
```
#f0c1fc rgb(240,193,252)
```
#f4d4fd
```
#f4d4fd rgb(244,212,253)
```
#f9e6fe
```
#f9e6fe rgb(249,230,254)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#766c79
```
#766c79 rgb(118,108,121)
```
#7c6382
```
#7c6382 rgb(124,99,130)
```
#815a8b
```
#815a8b rgb(129,90,139)
```
#865194
```
#865194 rgb(134,81,148)
```
#8b499c
```
#8b499c rgb(139,73,156)
```
#9040a5
```
#9040a5 rgb(144,64,165)
```
#9537ae
```
#9537ae rgb(149,55,174)
```
#9a2eb7
```
#9a2eb7 rgb(154,46,183)
```
#a025c0
```
#a025c0 rgb(160,37,192)
```
#a51dc8
```
#a51dc8 rgb(165,29,200)
```
#aa14d1
```
#aa14d1 rgb(170,20,209)
```
#af0bda
```
#af0bda rgb(175,11,218)
```
#b402e3
```
#b402e3 rgb(180,2,227)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#66456f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0073bf Deuteranopia 1% of men
#9f5f65 Tritanopia 0.001% of the population

Trichromacy

#3f4ad8 Protanomaly 1% of men, 0.01% of women
#3f4dc9 Deuteranomaly 6% of men, 0.4% of women
#a5408f Tritanomaly 0.01% of the population

#af0bda hex color

#af0bda Color Information

#af0bda Color Conversion

Color Schemes with #af0bda

Alternatives to #af0bda

#af0bda Preview

Shades and Tints of #af0bda

Tones of #af0bda

Color Blindness Simulator