#af69e5 hex color

In a RGB color space, hex #af69e5 is composed of 68.6% red, 41.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 54.1% magenta, 0% yellow and 10.2% black. It has a hue angle of 273.9 degrees, a saturation of 70.5% and a lightness of 65.5%. #af69e5 color hex could be obtained by blending #ffd2ff with #5f00cb. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 41
- B 90
RGB color chart
- C 24
- M 54
- Y 0
- K 10
CMYK color chart

● #af69e5 color description : Soft violet.

The hexadecimal color #af69e5 has RGB values of R:175, G:105, B:229 and CMYK values of C:0.24, M:0.54, Y:0, K:0.1. Its decimal value is 11495909.

Hex triplet	af69e5	`#af69e5`
RGB Decimal	175, 105, 229	`rgb(175,105,229)`
RGB Percent	68.6, 41.2, 89.8	`rgb(68.6%,41.2%,89.8%)`
CMYK	24, 54, 0, 10
HSL	273.9°, 70.5, 65.5	`hsl(273.9,70.5%,65.5%)`
HSV (or HSB)	273.9°, 54.1, 89.8
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.953, 50.205, -52.392
XYZ	36.872, 24.875, 76.983
xyY	0.266, 0.179, 24.875
CIE-LCH	56.953, 72.563, 313.779
CIE-LUV	56.953, 23.89, -88.143
Hunter-Lab	49.875, 44.681, -56.604
Binary	10101111, 01101001, 11100101

#af69e5
```
#af69e5 rgb(175,105,229)
```
#9fe569
```
#9fe569 rgb(159,229,105)
```

Complementary Color

#7169e5
```
#7169e5 rgb(113,105,229)
```
#af69e5
```
#af69e5 rgb(175,105,229)
```
#e569dd
```
#e569dd rgb(229,105,221)
```

Analogous Color

#69e571
```
#69e571 rgb(105,229,113)
```
#af69e5
```
#af69e5 rgb(175,105,229)
```
#dde569
```
#dde569 rgb(221,229,105)
```

Split Complementary Color

#69e5af
```
#69e5af rgb(105,229,175)
```
#af69e5
```
#af69e5 rgb(175,105,229)
```
#e5af69
```
#e5af69 rgb(229,175,105)
```

Triadic Color

#699fe5
```
#699fe5 rgb(105,159,229)
```
#af69e5
```
#af69e5 rgb(175,105,229)
```
#e5af69
```
#e5af69 rgb(229,175,105)
```
#9fe569
```
#9fe569 rgb(159,229,105)
```

Tetradic Color

#8c28da
```
#8c28da rgb(140,40,218)
```
#983edd
```
#983edd rgb(152,62,221)
```
#a353e1
```
#a353e1 rgb(163,83,225)
```
#af69e5
```
#af69e5 rgb(175,105,229)
```
#bb7fe9
```
#bb7fe9 rgb(187,127,233)
```
#c694ed
```
#c694ed rgb(198,148,237)
```
#d2aaf0
```
#d2aaf0 rgb(210,170,240)
```

Monochromatic Color

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

#9069e5
```
#9069e5 rgb(144,105,229)
```
#9a69e5
```
#9a69e5 rgb(154,105,229)
```
#a569e5
```
#a569e5 rgb(165,105,229)
```
#af69e5
```
#af69e5 rgb(175,105,229)
```
#b969e5
```
#b969e5 rgb(185,105,229)
```
#c469e5
```
#c469e5 rgb(196,105,229)
```
#ce69e5
```
#ce69e5 rgb(206,105,229)
```

Similar Colors

Text with hexadecimal color #af69e5

This text has a font color of #af69e5.

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

#af69e5 background color

This paragraph has a background color of #af69e5.

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

#af69e5 border color

This element has a border color of #af69e5.

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

CSS codes

.text {color:#af69e5;}

.background {background-color:#af69e5;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0311
```
#0b0311 rgb(11,3,17)
```
#160622
```
#160622 rgb(22,6,34)
```
#200933
```
#200933 rgb(32,9,51)
```
#2b0c43
```
#2b0c43 rgb(43,12,67)
```
#360f54
```
#360f54 rgb(54,15,84)
```
#401165
```
#401165 rgb(64,17,101)
```
#4b1475
```
#4b1475 rgb(75,20,117)
```
#561786
```
#561786 rgb(86,23,134)
```
#611a97
```
#611a97 rgb(97,26,151)
```
#6b1da8
```
#6b1da8 rgb(107,29,168)
```
#7620b8
```
#7620b8 rgb(118,32,184)
```
#8123c9
```
#8123c9 rgb(129,35,201)
```

Shade Color Variation

#8b26d9
```
#8b26d9 rgb(139,38,217)
```
#9437dc
```
#9437dc rgb(148,55,220)
```
#9d48df
```
#9d48df rgb(157,72,223)
```
#a658e2
```
#a658e2 rgb(166,88,226)
```
#af69e5
```
#af69e5 rgb(175,105,229)
```
#b87ae8
```
#b87ae8 rgb(184,122,232)
```
#c18aeb
```
#c18aeb rgb(193,138,235)
```
#ca9bee
```
#ca9bee rgb(202,155,238)
```
#d3acf1
```
#d3acf1 rgb(211,172,241)
```
#dcbdf3
```
#dcbdf3 rgb(220,189,243)
```
#e4cdf6
```
#e4cdf6 rgb(228,205,246)
```
#eddef9
```
#eddef9 rgb(237,222,249)
```
#f6effc
```
#f6effc rgb(246,239,252)
```

Tint Color Variation

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

#a7a6a8
```
#a7a6a8 rgb(167,166,168)
```
#a89faf
```
#a89faf rgb(168,159,175)
```
#a998b6
```
#a998b6 rgb(169,152,182)
```
#aa92bc
```
#aa92bc rgb(170,146,188)
```
#ab8bc3
```
#ab8bc3 rgb(171,139,195)
```
#ac84ca
```
#ac84ca rgb(172,132,202)
```
#ac7dd1
```
#ac7dd1 rgb(172,125,209)
```
#ad77d7
```
#ad77d7 rgb(173,119,215)
```
#ae70de
```
#ae70de rgb(174,112,222)
```
#af69e5
```
#af69e5 rgb(175,105,229)
```
#b062ec
```
#b062ec rgb(176,98,236)
```
#b15bf3
```
#b15bf3 rgb(177,91,243)
```
#b255f9
```
#b255f9 rgb(178,85,249)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#93859e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8bfc Protanopia 1% of men
#5c8fdb Deuteranopia 1% of men
#a28891 Tritanopia 0.001% of the population

Trichromacy

#6f7ef3 Protanomaly 1% of men, 0.01% of women
#7a81df Deuteranomaly 6% of men, 0.4% of women
#a67caf Tritanomaly 0.01% of the population

#af69e5 hex color

#af69e5 Color Information

#af69e5 Color Conversion

Color Schemes with #af69e5

Alternatives to #af69e5

#af69e5 Preview

Shades and Tints of #af69e5

Tones of #af69e5

Color Blindness Simulator