#af5afa hex color

In a RGB color space, hex #af5afa is composed of 68.6% red, 35.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 64% magenta, 0% yellow and 2% black. It has a hue angle of 271.9 degrees, a saturation of 94.1% and a lightness of 66.7%. #af5afa color hex could be obtained by blending #ffb4ff with #5f00f5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 35
- B 98
RGB color chart
- C 30
- M 64
- Y 0
- K 2
CMYK color chart

● #af5afa color description : Soft violet.

The hexadecimal color #af5afa has RGB values of R:175, G:90, B:250 and CMYK values of C:0.3, M:0.64, Y:0, K:0.02. Its decimal value is 11492090.

Hex triplet	af5afa	`#af5afa`
RGB Decimal	175, 90, 250	`rgb(175,90,250)`
RGB Percent	68.6, 35.3, 98	`rgb(68.6%,35.3%,98%)`
CMYK	30, 64, 0, 2
HSL	271.9°, 94.1, 66.7	`hsl(271.9,94.1%,66.7%)`
HSV (or HSB)	271.9°, 64, 98
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.41, 62.433, -66.577
XYZ	38.588, 23.329, 92.907
xyY	0.249, 0.151, 23.329
CIE-LCH	55.41, 91.27, 313.16
CIE-LUV	55.41, 24.122, -110.691
Hunter-Lab	48.3, 58.082, -80.237
Binary	10101111, 01011010, 11111010

#af5afa
```
#af5afa rgb(175,90,250)
```
#a5fa5a
```
#a5fa5a rgb(165,250,90)
```

Complementary Color

#5f5afa
```
#5f5afa rgb(95,90,250)
```
#af5afa
```
#af5afa rgb(175,90,250)
```
#fa5af5
```
#fa5af5 rgb(250,90,245)
```

Analogous Color

#5afa5f
```
#5afa5f rgb(90,250,95)
```
#af5afa
```
#af5afa rgb(175,90,250)
```
#f5fa5a
```
#f5fa5a rgb(245,250,90)
```

Split Complementary Color

#5afaaf
```
#5afaaf rgb(90,250,175)
```
#af5afa
```
#af5afa rgb(175,90,250)
```
#faaf5a
```
#faaf5a rgb(250,175,90)
```

Triadic Color

#5aa5fa
```
#5aa5fa rgb(90,165,250)
```
#af5afa
```
#af5afa rgb(175,90,250)
```
#faaf5a
```
#faaf5a rgb(250,175,90)
```
#a5fa5a
```
#a5fa5a rgb(165,250,90)
```

Tetradic Color

#8b10f8
```
#8b10f8 rgb(139,16,248)
```
#9728f9
```
#9728f9 rgb(151,40,249)
```
#a341f9
```
#a341f9 rgb(163,65,249)
```
#af5afa
```
#af5afa rgb(175,90,250)
```
#bb73fb
```
#bb73fb rgb(187,115,251)
```
#c78cfc
```
#c78cfc rgb(199,140,252)
```
#d3a4fc
```
#d3a4fc rgb(211,164,252)
```

Monochromatic Color

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

#875afa
```
#875afa rgb(135,90,250)
```
#945afa
```
#945afa rgb(148,90,250)
```
#a25afa
```
#a25afa rgb(162,90,250)
```
#af5afa
```
#af5afa rgb(175,90,250)
```
#bc5afa
```
#bc5afa rgb(188,90,250)
```
#ca5afa
```
#ca5afa rgb(202,90,250)
```
#d75afa
```
#d75afa rgb(215,90,250)
```

Similar Colors

Text with hexadecimal color #af5afa

This text has a font color of #af5afa.

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

#af5afa background color

This paragraph has a background color of #af5afa.

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

#af5afa border color

This element has a border color of #af5afa.

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

CSS codes

.text {color:#af5afa;}

.background {background-color:#af5afa;}

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

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

#030006
```
#030006 rgb(3,0,6)
```
#0e0119
```
#0e0119 rgb(14,1,25)
```
#18012c
```
#18012c rgb(24,1,44)
```
#23023f
```
#23023f rgb(35,2,63)
```
#2d0252
```
#2d0252 rgb(45,2,82)
```
#370366
```
#370366 rgb(55,3,102)
```
#420479
```
#420479 rgb(66,4,121)
```
#4c048c
```
#4c048c rgb(76,4,140)
```
#57059f
```
#57059f rgb(87,5,159)
```
#6105b2
```
#6105b2 rgb(97,5,178)
```
#6b06c5
```
#6b06c5 rgb(107,6,197)
```
#7607d8
```
#7607d8 rgb(118,7,216)
```
#8007eb
```
#8007eb rgb(128,7,235)
```

Shade Color Variation

#8a0ef8
```
#8a0ef8 rgb(138,14,248)
```
#9321f8
```
#9321f8 rgb(147,33,248)
```
#9d34f9
```
#9d34f9 rgb(157,52,249)
```
#a647f9
```
#a647f9 rgb(166,71,249)
```
#af5afa
```
#af5afa rgb(175,90,250)
```
#b86dfb
```
#b86dfb rgb(184,109,251)
```
#c180fb
```
#c180fb rgb(193,128,251)
```
#cb93fc
```
#cb93fc rgb(203,147,252)
```
#d4a6fc
```
#d4a6fc rgb(212,166,252)
```
#ddb9fd
```
#ddb9fd rgb(221,185,253)
```
#e6ccfd
```
#e6ccfd rgb(230,204,253)
```
#f0dffe
```
#f0dffe rgb(240,223,254)
```
#f9f2ff
```
#f9f2ff rgb(249,242,255)
```

Tint Color Variation

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

#aaa8ac
```
#aaa8ac rgb(170,168,172)
```
#aba2b2
```
#aba2b2 rgb(171,162,178)
```
#ab9bb9
```
#ab9bb9 rgb(171,155,185)
```
#ab95bf
```
#ab95bf rgb(171,149,191)
```
#ac8ec6
```
#ac8ec6 rgb(172,142,198)
```
#ac88cc
```
#ac88cc rgb(172,136,204)
```
#ad81d3
```
#ad81d3 rgb(173,129,211)
```
#ad7bd9
```
#ad7bd9 rgb(173,123,217)
```
#ad74e0
```
#ad74e0 rgb(173,116,224)
```
#ae6ee6
```
#ae6ee6 rgb(174,110,230)
```
#ae67ed
```
#ae67ed rgb(174,103,237)
```
#af61f3
```
#af61f3 rgb(175,97,243)
```
#af5afa
```
#af5afa rgb(175,90,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e7d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3587ff Protanopia 1% of men
#138deb Deuteranopia 1% of men
#9b858e Tritanopia 0.001% of the population

Trichromacy

#6176fd Protanomaly 1% of men, 0.01% of women
#4c7af0 Deuteranomaly 6% of men, 0.4% of women
#a275b5 Tritanomaly 0.01% of the population

#af5afa hex color

#af5afa Color Information

#af5afa Color Conversion

Color Schemes with #af5afa

Alternatives to #af5afa

#af5afa Preview

Shades and Tints of #af5afa

Tones of #af5afa

Color Blindness Simulator