#af2dfe hex color

In a RGB color space, hex #af2dfe is composed of 68.6% red, 17.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 82.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 277.3 degrees, a saturation of 99.1% and a lightness of 58.6%. #af2dfe color hex could be obtained by blending #ff5aff with #5f00fd. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 18
- B 100
RGB color chart
- C 31
- M 82
- Y 0
- K 0
CMYK color chart

● #af2dfe color description : Bright violet.

The hexadecimal color #af2dfe has RGB values of R:175, G:45, B:254 and CMYK values of C:0.31, M:0.82, Y:0, K:0. Its decimal value is 11480574.

Hex triplet	af2dfe	`#af2dfe`
RGB Decimal	175, 45, 254	`rgb(175,45,254)`
RGB Percent	68.6, 17.6, 99.6	`rgb(68.6%,17.6%,99.6%)`
CMYK	31, 82, 0, 0
HSL	277.3°, 99.1, 58.6	`hsl(277.3,99.1%,58.6%)`
HSV (or HSB)	277.3°, 82.3, 99.6
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.674, 80.366, -78.107
XYZ	36.504, 18.147, 95.34
xyY	0.243, 0.121, 18.147
CIE-LCH	49.674, 112.069, 315.817
CIE-LUV	49.674, 30.788, -125.096
Hunter-Lab	42.6, 78.41, -102.874
Binary	10101111, 00101101, 11111110

#af2dfe
```
#af2dfe rgb(175,45,254)
```
#7cfe2d
```
#7cfe2d rgb(124,254,45)
```

Complementary Color

#472dfe
```
#472dfe rgb(71,45,254)
```
#af2dfe
```
#af2dfe rgb(175,45,254)
```
#fe2de5
```
#fe2de5 rgb(254,45,229)
```

Analogous Color

#2dfe47
```
#2dfe47 rgb(45,254,71)
```
#af2dfe
```
#af2dfe rgb(175,45,254)
```
#e5fe2d
```
#e5fe2d rgb(229,254,45)
```

Split Complementary Color

#2dfeaf
```
#2dfeaf rgb(45,254,175)
```
#af2dfe
```
#af2dfe rgb(175,45,254)
```
#feaf2d
```
#feaf2d rgb(254,175,45)
```

Triadic Color

#2d7cfe
```
#2d7cfe rgb(45,124,254)
```
#af2dfe
```
#af2dfe rgb(175,45,254)
```
#feaf2d
```
#feaf2d rgb(254,175,45)
```
#7cfe2d
```
#7cfe2d rgb(124,254,45)
```

Tetradic Color

#8a01dd
```
#8a01dd rgb(138,1,221)
```
#9a01f7
```
#9a01f7 rgb(154,1,247)
```
#a514fe
```
#a514fe rgb(165,20,254)
```
#af2dfe
```
#af2dfe rgb(175,45,254)
```
#b946fe
```
#b946fe rgb(185,70,254)
```
#c260fe
```
#c260fe rgb(194,96,254)
```
#cc79fe
```
#cc79fe rgb(204,121,254)
```

Monochromatic Color

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

#7b2dfe
```
#7b2dfe rgb(123,45,254)
```
#8c2dfe
```
#8c2dfe rgb(140,45,254)
```
#9e2dfe
```
#9e2dfe rgb(158,45,254)
```
#af2dfe
```
#af2dfe rgb(175,45,254)
```
#c02dfe
```
#c02dfe rgb(192,45,254)
```
#d22dfe
```
#d22dfe rgb(210,45,254)
```
#e32dfe
```
#e32dfe rgb(227,45,254)
```

Similar Colors

Text with hexadecimal color #af2dfe

This text has a font color of #af2dfe.

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

#af2dfe background color

This paragraph has a background color of #af2dfe.

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

#af2dfe border color

This element has a border color of #af2dfe.

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

CSS codes

.text {color:#af2dfe;}

.background {background-color:#af2dfe;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0f0018
```
#0f0018 rgb(15,0,24)
```
#1b002c
```
#1b002c rgb(27,0,44)
```
#27003f
```
#27003f rgb(39,0,63)
```
#340053
```
#340053 rgb(52,0,83)
```
#400066
```
#400066 rgb(64,0,102)
```
#4c017a
```
#4c017a rgb(76,1,122)
```
#58018d
```
#58018d rgb(88,1,141)
```
#6401a1
```
#6401a1 rgb(100,1,161)
```
#7101b4
```
#7101b4 rgb(113,1,180)
```
#7d01c8
```
#7d01c8 rgb(125,1,200)
```
#8901db
```
#8901db rgb(137,1,219)
```
#9501ef
```
#9501ef rgb(149,1,239)
```

Shade Color Variation

#a006fe
```
#a006fe rgb(160,6,254)
```
#a819fe
```
#a819fe rgb(168,25,254)
```
#af2dfe
```
#af2dfe rgb(175,45,254)
```
#b641fe
```
#b641fe rgb(182,65,254)
```
#be54fe
```
#be54fe rgb(190,84,254)
```
#c568fe
```
#c568fe rgb(197,104,254)
```
#cd7bfe
```
#cd7bfe rgb(205,123,254)
```
#d48ffe
```
#d48ffe rgb(212,143,254)
```
#dca2ff
```
#dca2ff rgb(220,162,255)
```
#e3b6ff
```
#e3b6ff rgb(227,182,255)
```
#eac9ff
```
#eac9ff rgb(234,201,255)
```
#f2ddff
```
#f2ddff rgb(242,221,255)
```
#f9f0ff
```
#f9f0ff rgb(249,240,255)
```

Tint Color Variation

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

#978e9d
```
#978e9d rgb(151,142,157)
```
#9986a5
```
#9986a5 rgb(153,134,165)
```
#9b7ead
```
#9b7ead rgb(155,126,173)
```
#9d76b5
```
#9d76b5 rgb(157,118,181)
```
#9f6ebd
```
#9f6ebd rgb(159,110,189)
```
#a166c5
```
#a166c5 rgb(161,102,197)
```
#a35ecd
```
#a35ecd rgb(163,94,205)
```
#a556d5
```
#a556d5 rgb(165,86,213)
```
#a74dde
```
#a74dde rgb(167,77,222)
```
#a945e6
```
#a945e6 rgb(169,69,230)
```
#ab3dee
```
#ab3dee rgb(171,61,238)
```
#ad35f6
```
#ad35f6 rgb(173,53,246)
```
#af2dfe
```
#af2dfe rgb(175,45,254)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#795f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#97737c Tritanopia 0.001% of the population

Trichromacy

#3f5df3 Protanomaly 1% of men, 0.01% of women
#3f61e1 Deuteranomaly 6% of men, 0.4% of women
#9f5aab Tritanomaly 0.01% of the population

#af2dfe hex color

#af2dfe Color Information

#af2dfe Color Conversion

Color Schemes with #af2dfe

Alternatives to #af2dfe

#af2dfe Preview

Shades and Tints of #af2dfe

Tones of #af2dfe

Color Blindness Simulator