#af1dfe hex color

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

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

● #af1dfe color description : Vivid violet.

The hexadecimal color #af1dfe has RGB values of R:175, G:29, B:254 and CMYK values of C:0.31, M:0.89, Y:0, K:0. Its decimal value is 11476478.

Hex triplet	af1dfe	`#af1dfe`
RGB Decimal	175, 29, 254	`rgb(175,29,254)`
RGB Percent	68.6, 11.4, 99.6	`rgb(68.6%,11.4%,99.6%)`
CMYK	31, 89, 0, 0
HSL	278.9°, 99.1, 55.5	`hsl(278.9,99.1%,55.5%)`
HSV (or HSB)	278.9°, 88.6, 99.6
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.448, 83.99, -80.11
XYZ	36.005, 17.149, 95.174
xyY	0.243, 0.116, 17.149
CIE-LCH	48.448, 116.069, 316.354
CIE-LUV	48.448, 32.122, -127.009
Hunter-Lab	41.412, 82.726, -107.274
Binary	10101111, 00011101, 11111110

#af1dfe
```
#af1dfe rgb(175,29,254)
```
#6cfe1d
```
#6cfe1d rgb(108,254,29)
```

Complementary Color

#3f1dfe
```
#3f1dfe rgb(63,29,254)
```
#af1dfe
```
#af1dfe rgb(175,29,254)
```
#fe1ddd
```
#fe1ddd rgb(254,29,221)
```

Analogous Color

#1dfe3f
```
#1dfe3f rgb(29,254,63)
```
#af1dfe
```
#af1dfe rgb(175,29,254)
```
#ddfe1d
```
#ddfe1d rgb(221,254,29)
```

Split Complementary Color

#1dfeaf
```
#1dfeaf rgb(29,254,175)
```
#af1dfe
```
#af1dfe rgb(175,29,254)
```
#feaf1d
```
#feaf1d rgb(254,175,29)
```

Triadic Color

#1d6cfe
```
#1d6cfe rgb(29,108,254)
```
#af1dfe
```
#af1dfe rgb(175,29,254)
```
#feaf1d
```
#feaf1d rgb(254,175,29)
```
#6cfe1d
```
#6cfe1d rgb(108,254,29)
```

Tetradic Color

#8601ce
```
#8601ce rgb(134,1,206)
```
#9601e7
```
#9601e7 rgb(150,1,231)
```
#a604fe
```
#a604fe rgb(166,4,254)
```
#af1dfe
```
#af1dfe rgb(175,29,254)
```
#b836fe
```
#b836fe rgb(184,54,254)
```
#c150fe
```
#c150fe rgb(193,80,254)
```
#ca69fe
```
#ca69fe rgb(202,105,254)
```

Monochromatic Color

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

#771dfe
```
#771dfe rgb(119,29,254)
```
#8a1dfe
```
#8a1dfe rgb(138,29,254)
```
#9c1dfe
```
#9c1dfe rgb(156,29,254)
```
#af1dfe
```
#af1dfe rgb(175,29,254)
```
#c21dfe
```
#c21dfe rgb(194,29,254)
```
#d51dfe
```
#d51dfe rgb(213,29,254)
```
#e71dfe
```
#e71dfe rgb(231,29,254)
```

Similar Colors

Text with hexadecimal color #af1dfe

This text has a font color of #af1dfe.

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

#af1dfe background color

This paragraph has a background color of #af1dfe.

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

#af1dfe border color

This element has a border color of #af1dfe.

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

CSS codes

.text {color:#af1dfe;}

.background {background-color:#af1dfe;}

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

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

#050008
```
#050008 rgb(5,0,8)
```
#12001c
```
#12001c rgb(18,0,28)
```
#1f002f
```
#1f002f rgb(31,0,47)
```
#2c0043
```
#2c0043 rgb(44,0,67)
```
#380056
```
#380056 rgb(56,0,86)
```
#45006a
```
#45006a rgb(69,0,106)
```
#52017e
```
#52017e rgb(82,1,126)
```
#5e0191
```
#5e0191 rgb(94,1,145)
```
#6b01a5
```
#6b01a5 rgb(107,1,165)
```
#7801b8
```
#7801b8 rgb(120,1,184)
```
#8401cc
```
#8401cc rgb(132,1,204)
```
#9101df
```
#9101df rgb(145,1,223)
```
#9e01f3
```
#9e01f3 rgb(158,1,243)
```

Shade Color Variation

#a809fe
```
#a809fe rgb(168,9,254)
```
#af1dfe
```
#af1dfe rgb(175,29,254)
```
#b631fe
```
#b631fe rgb(182,49,254)
```
#bd44fe
```
#bd44fe rgb(189,68,254)
```
#c458fe
```
#c458fe rgb(196,88,254)
```
#cb6bfe
```
#cb6bfe rgb(203,107,254)
```
#d27ffe
```
#d27ffe rgb(210,127,254)
```
#d892ff
```
#d892ff rgb(216,146,255)
```
#dfa6ff
```
#dfa6ff rgb(223,166,255)
```
#e6b9ff
```
#e6b9ff rgb(230,185,255)
```
#edcdff
```
#edcdff rgb(237,205,255)
```
#f4e0ff
```
#f4e0ff rgb(244,224,255)
```
#fbf4ff
```
#fbf4ff rgb(251,244,255)
```

Tint Color Variation

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

#908695
```
#908695 rgb(144,134,149)
```
#927d9e
```
#927d9e rgb(146,125,158)
```
#9574a7
```
#9574a7 rgb(149,116,167)
```
#986caf
```
#986caf rgb(152,108,175)
```
#9a63b8
```
#9a63b8 rgb(154,99,184)
```
#9d5ac1
```
#9d5ac1 rgb(157,90,193)
```
#9f51ca
```
#9f51ca rgb(159,81,202)
```
#a249d2
```
#a249d2 rgb(162,73,210)
```
#a540db
```
#a540db rgb(165,64,219)
```
#a737e4
```
#a737e4 rgb(167,55,228)
```
#aa2eed
```
#aa2eed rgb(170,46,237)
```
#ac26f5
```
#ac26f5 rgb(172,38,245)
```
#af1dfe
```
#af1dfe rgb(175,29,254)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#715481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#967077 Tritanopia 0.001% of the population

Trichromacy

#3f56ef Protanomaly 1% of men, 0.01% of women
#3f5add Deuteranomaly 6% of men, 0.4% of women
#9f51a8 Tritanomaly 0.01% of the population

#af1dfe hex color

#af1dfe Color Information

#af1dfe Color Conversion

Color Schemes with #af1dfe

Alternatives to #af1dfe

#af1dfe Preview

Shades and Tints of #af1dfe

Tones of #af1dfe

Color Blindness Simulator