#af5fff hex color

In a RGB color space, hex #af5fff is composed of 68.6% red, 37.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 62.7% magenta, 0% yellow and 0% black. It has a hue angle of 270 degrees, a saturation of 100% and a lightness of 68.6%. #af5fff color hex could be obtained by blending #ffbeff with #5f00ff. Closest websafe color is: #9966ff.

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

● #af5fff color description : Light violet.

The hexadecimal color #af5fff has RGB values of R:175, G:95, B:255 and CMYK values of C:0.31, M:0.63, Y:0, K:0. Its decimal value is 11493375.

Hex triplet	af5fff	`#af5fff`
RGB Decimal	175, 95, 255	`rgb(175,95,255)`
RGB Percent	68.6, 37.3, 100	`rgb(68.6%,37.3%,100%)`
CMYK	31, 63, 0, 0
HSL	270°, 100, 68.6	`hsl(270,100%,68.6%)`
HSV (or HSB)	270°, 62.7, 100
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.604, 61.181, -67.42
XYZ	39.819, 24.519, 97.237
xyY	0.246, 0.152, 24.519
CIE-LCH	56.604, 91.042, 312.222
CIE-LUV	56.604, 22.015, -112.426
Hunter-Lab	49.517, 56.886, -81.768
Binary	10101111, 01011111, 11111111

#af5fff
```
#af5fff rgb(175,95,255)
```
#afff5f
```
#afff5f rgb(175,255,95)
```

Complementary Color

#5f5fff
```
#5f5fff rgb(95,95,255)
```
#af5fff
```
#af5fff rgb(175,95,255)
```
#ff5fff
```
#ff5fff rgb(255,95,255)
```

Analogous Color

#5fff5f
```
#5fff5f rgb(95,255,95)
```
#af5fff
```
#af5fff rgb(175,95,255)
```
#ffff5f
```
#ffff5f rgb(255,255,95)
```

Split Complementary Color

#5fffaf
```
#5fffaf rgb(95,255,175)
```
#af5fff
```
#af5fff rgb(175,95,255)
```
#ffaf5f
```
#ffaf5f rgb(255,175,95)
```

Triadic Color

#5fafff
```
#5fafff rgb(95,175,255)
```
#af5fff
```
#af5fff rgb(175,95,255)
```
#ffaf5f
```
#ffaf5f rgb(255,175,95)
```
#afff5f
```
#afff5f rgb(175,255,95)
```

Tetradic Color

#8913ff
```
#8913ff rgb(137,19,255)
```
#962cff
```
#962cff rgb(150,44,255)
```
#a246ff
```
#a246ff rgb(162,70,255)
```
#af5fff
```
#af5fff rgb(175,95,255)
```
#bc79ff
```
#bc79ff rgb(188,121,255)
```
#c992ff
```
#c992ff rgb(201,146,255)
```
#d5acff
```
#d5acff rgb(213,172,255)
```

Monochromatic Color

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

#875fff
```
#875fff rgb(135,95,255)
```
#945fff
```
#945fff rgb(148,95,255)
```
#a25fff
```
#a25fff rgb(162,95,255)
```
#af5fff
```
#af5fff rgb(175,95,255)
```
#bc5fff
```
#bc5fff rgb(188,95,255)
```
#ca5fff
```
#ca5fff rgb(202,95,255)
```
#d75fff
```
#d75fff rgb(215,95,255)
```

Similar Colors

Text with hexadecimal color #af5fff

This text has a font color of #af5fff.

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

#af5fff background color

This paragraph has a background color of #af5fff.

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

#af5fff border color

This element has a border color of #af5fff.

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

CSS codes

.text {color:#af5fff;}

.background {background-color:#af5fff;}

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

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

#080011
```
#080011 rgb(8,0,17)
```
#120024
```
#120024 rgb(18,0,36)
```
#1c0038
```
#1c0038 rgb(28,0,56)
```
#26004b
```
#26004b rgb(38,0,75)
```
#30005f
```
#30005f rgb(48,0,95)
```
#390073
```
#390073 rgb(57,0,115)
```
#430086
```
#430086 rgb(67,0,134)
```
#4d009a
```
#4d009a rgb(77,0,154)
```
#5700ad
```
#5700ad rgb(87,0,173)
```
#6100c1
```
#6100c1 rgb(97,0,193)
```
#6a00d5
```
#6a00d5 rgb(106,0,213)
```
#7400e8
```
#7400e8 rgb(116,0,232)
```
#7e00fc
```
#7e00fc rgb(126,0,252)
```

Shade Color Variation

#8811ff
```
#8811ff rgb(136,17,255)
```
#9224ff
```
#9224ff rgb(146,36,255)
```
#9b38ff
```
#9b38ff rgb(155,56,255)
```
#a54bff
```
#a54bff rgb(165,75,255)
```
#af5fff
```
#af5fff rgb(175,95,255)
```
#b973ff
```
#b973ff rgb(185,115,255)
```
#c386ff
```
#c386ff rgb(195,134,255)
```
#cc9aff
```
#cc9aff rgb(204,154,255)
```
#d6adff
```
#d6adff rgb(214,173,255)
```
#e0c1ff
```
#e0c1ff rgb(224,193,255)
```
#ead5ff
```
#ead5ff rgb(234,213,255)
```
#f4e8ff
```
#f4e8ff rgb(244,232,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#afa9b5
```
#afa9b5 rgb(175,169,181)
```
#afa3bb
```
#afa3bb rgb(175,163,187)
```
#af9dc1
```
#af9dc1 rgb(175,157,193)
```
#af96c8
```
#af96c8 rgb(175,150,200)
```
#af90ce
```
#af90ce rgb(175,144,206)
```
#af8ad4
```
#af8ad4 rgb(175,138,212)
```
#af84da
```
#af84da rgb(175,132,218)
```
#af7ee0
```
#af7ee0 rgb(175,126,224)
```
#af78e6
```
#af78e6 rgb(175,120,230)
```
#af71ed
```
#af71ed rgb(175,113,237)
```
#af6bf3
```
#af6bf3 rgb(175,107,243)
```
#af65f9
```
#af65f9 rgb(175,101,249)
```
#af5fff
```
#af5fff rgb(175,95,255)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9181a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#428aff Protanopia 1% of men
#1090f0 Deuteranopia 1% of men
#9a8993 Tritanopia 0.001% of the population

Trichromacy

#697aff Protanomaly 1% of men, 0.01% of women
#4a7ef5 Deuteranomaly 6% of men, 0.4% of women
#a179ba Tritanomaly 0.01% of the population

#af5fff hex color

#af5fff Color Information

#af5fff Color Conversion

Color Schemes with #af5fff

Alternatives to #af5fff

#af5fff Preview

Shades and Tints of #af5fff

Tones of #af5fff

Color Blindness Simulator