#af40de hex color

In a RGB color space, hex #af40de is composed of 68.6% red, 25.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 71.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 282.2 degrees, a saturation of 70.5% and a lightness of 56.1%. #af40de color hex could be obtained by blending #ff80ff with #5f00bd. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 25
- B 87
RGB color chart
- C 21
- M 71
- Y 0
- K 13
CMYK color chart

● #af40de color description : Bright violet.

The hexadecimal color #af40de has RGB values of R:175, G:64, B:222 and CMYK values of C:0.21, M:0.71, Y:0, K:0.13. Its decimal value is 11485406.

Hex triplet	af40de	`#af40de`
RGB Decimal	175, 64, 222	`rgb(175,64,222)`
RGB Percent	68.6, 25.1, 87.1	`rgb(68.6%,25.1%,87.1%)`
CMYK	21, 71, 0, 13
HSL	282.2°, 70.5, 56.1	`hsl(282.2,70.5%,56.1%)`
HSV (or HSB)	282.2°, 71.2, 87.1
Web Safe	9933cc	`#9933cc`

CIE-LAB	49.564, 67.736, -60.282
XYZ	32.696, 18.056, 70.866
xyY	0.269, 0.148, 18.056
CIE-LCH	49.564, 90.676, 318.332
CIE-LUV	49.564, 35.793, -98.898
Hunter-Lab	42.492, 62.986, -69.136
Binary	10101111, 01000000, 11011110

#af40de
```
#af40de rgb(175,64,222)
```
#6fde40
```
#6fde40 rgb(111,222,64)
```

Complementary Color

#6040de
```
#6040de rgb(96,64,222)
```
#af40de
```
#af40de rgb(175,64,222)
```
#de40be
```
#de40be rgb(222,64,190)
```

Analogous Color

#40de60
```
#40de60 rgb(64,222,96)
```
#af40de
```
#af40de rgb(175,64,222)
```
#bede40
```
#bede40 rgb(190,222,64)
```

Split Complementary Color

#40deaf
```
#40deaf rgb(64,222,175)
```
#af40de
```
#af40de rgb(175,64,222)
```
#deaf40
```
#deaf40 rgb(222,175,64)
```

Triadic Color

#406fde
```
#406fde rgb(64,111,222)
```
#af40de
```
#af40de rgb(175,64,222)
```
#deaf40
```
#deaf40 rgb(222,175,64)
```
#6fde40
```
#6fde40 rgb(111,222,64)
```

Tetradic Color

#871fb3
```
#871fb3 rgb(135,31,179)
```
#9723c8
```
#9723c8 rgb(151,35,200)
```
#a62ada
```
#a62ada rgb(166,42,218)
```
#af40de
```
#af40de rgb(175,64,222)
```
#b856e2
```
#b856e2 rgb(184,86,226)
```
#c16be6
```
#c16be6 rgb(193,107,230)
```
#ca81e9
```
#ca81e9 rgb(202,129,233)
```

Monochromatic Color

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

#8840de
```
#8840de rgb(136,64,222)
```
#9540de
```
#9540de rgb(149,64,222)
```
#a240de
```
#a240de rgb(162,64,222)
```
#af40de
```
#af40de rgb(175,64,222)
```
#bc40de
```
#bc40de rgb(188,64,222)
```
#c940de
```
#c940de rgb(201,64,222)
```
#d740de
```
#d740de rgb(215,64,222)
```

Similar Colors

Text with hexadecimal color #af40de

This text has a font color of #af40de.

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

#af40de background color

This paragraph has a background color of #af40de.

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

#af40de border color

This element has a border color of #af40de.

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

CSS codes

.text {color:#af40de;}

.background {background-color:#af40de;}

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

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, #07020a is the darkest color, while #fcf8fe is the lightest one.

#07020a
```
#07020a rgb(7,2,10)
```
#14051a
```
#14051a rgb(20,5,26)
```
#21072b
```
#21072b rgb(33,7,43)
```
#2d0a3c
```
#2d0a3c rgb(45,10,60)
```
#3a0d4d
```
#3a0d4d rgb(58,13,77)
```
#46105d
```
#46105d rgb(70,16,93)
```
#53136e
```
#53136e rgb(83,19,110)
```
#60167f
```
#60167f rgb(96,22,127)
```
#6c1990
```
#6c1990 rgb(108,25,144)
```
#791ca0
```
#791ca0 rgb(121,28,160)
```
#851fb1
```
#851fb1 rgb(133,31,177)
```
#9221c2
```
#9221c2 rgb(146,33,194)
```
#9f24d2
```
#9f24d2 rgb(159,36,210)
```

Shade Color Variation

#a82fdb
```
#a82fdb rgb(168,47,219)
```
#af40de
```
#af40de rgb(175,64,222)
```
#b651e1
```
#b651e1 rgb(182,81,225)
```
#bd61e4
```
#bd61e4 rgb(189,97,228)
```
#c472e7
```
#c472e7 rgb(196,114,231)
```
#cb83ea
```
#cb83ea rgb(203,131,234)
```
#d294ec
```
#d294ec rgb(210,148,236)
```
#d9a4ef
```
#d9a4ef rgb(217,164,239)
```
#e0b5f2
```
#e0b5f2 rgb(224,181,242)
```
#e7c6f5
```
#e7c6f5 rgb(231,198,245)
```
#eed7f8
```
#eed7f8 rgb(238,215,248)
```
#f5e7fb
```
#f5e7fb rgb(245,231,251)
```
#fcf8fe
```
#fcf8fe rgb(252,248,254)
```

Tint Color Variation

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

#908e90
```
#908e90 rgb(144,142,144)
```
#938599
```
#938599 rgb(147,133,153)
```
#977ca2
```
#977ca2 rgb(151,124,162)
```
#9a74aa
```
#9a74aa rgb(154,116,170)
```
#9e6bb3
```
#9e6bb3 rgb(158,107,179)
```
#a162bc
```
#a162bc rgb(161,98,188)
```
#a55ac4
```
#a55ac4 rgb(165,90,196)
```
#a851cd
```
#a851cd rgb(168,81,205)
```
#ac49d5
```
#ac49d5 rgb(172,73,213)
```
#af40de
```
#af40de rgb(175,64,222)
```
#b237e7
```
#b237e7 rgb(178,55,231)
```
#b62fef
```
#b62fef rgb(182,47,239)
```
#b926f8
```
#b926f8 rgb(185,38,248)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7f6988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#2c7ecf Deuteranopia 1% of men
#a06f77 Tritanopia 0.001% of the population

Trichromacy

#3f64e7 Protanomaly 1% of men, 0.01% of women
#5c67d4 Deuteranomaly 6% of men, 0.4% of women
#a55e9c Tritanomaly 0.01% of the population

#af40de hex color

#af40de Color Information

#af40de Color Conversion

Color Schemes with #af40de

Alternatives to #af40de

#af40de Preview

Shades and Tints of #af40de

Tones of #af40de

Color Blindness Simulator