#af90e2 hex color

In a RGB color space, hex #af90e2 is composed of 68.6% red, 56.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 36.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 262.7 degrees, a saturation of 58.6% and a lightness of 72.5%. #af90e2 color hex could be obtained by blending #ffffff with #5f21c5. Closest websafe color is: #9999cc.

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

● #af90e2 color description : Very soft violet.

The hexadecimal color #af90e2 has RGB values of R:175, G:144, B:226 and CMYK values of C:0.23, M:0.36, Y:0, K:0.11. Its decimal value is 11505890.

Hex triplet	af90e2	`#af90e2`
RGB Decimal	175, 144, 226	`rgb(175,144,226)`
RGB Percent	68.6, 56.5, 88.6	`rgb(68.6%,56.5%,88.6%)`
CMYK	23, 36, 0, 11
HSL	262.7°, 58.6, 72.5	`hsl(262.7,58.6%,72.5%)`
HSV (or HSB)	262.7°, 36.3, 88.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.398, 28.094, -37.409
XYZ	41.378, 34.552, 76.437
xyY	0.272, 0.227, 34.552
CIE-LCH	65.398, 46.783, 306.906
CIE-LUV	65.398, 10.154, -63.076
Hunter-Lab	58.781, 22.786, -35.953
Binary	10101111, 10010000, 11100010

#af90e2
```
#af90e2 rgb(175,144,226)
```
#c3e290
```
#c3e290 rgb(195,226,144)
```

Complementary Color

#909ae2
```
#909ae2 rgb(144,154,226)
```
#af90e2
```
#af90e2 rgb(175,144,226)
```
#d890e2
```
#d890e2 rgb(216,144,226)
```

Analogous Color

#9ae290
```
#9ae290 rgb(154,226,144)
```
#af90e2
```
#af90e2 rgb(175,144,226)
```
#e2d890
```
#e2d890 rgb(226,216,144)
```

Split Complementary Color

#90e2af
```
#90e2af rgb(144,226,175)
```
#af90e2
```
#af90e2 rgb(175,144,226)
```
#e2af90
```
#e2af90 rgb(226,175,144)
```

Triadic Color

#90c3e2
```
#90c3e2 rgb(144,195,226)
```
#af90e2
```
#af90e2 rgb(175,144,226)
```
#e2af90
```
#e2af90 rgb(226,175,144)
```
#c3e290
```
#c3e290 rgb(195,226,144)
```

Tetradic Color

#8353d2
```
#8353d2 rgb(131,83,210)
```
#9268d7
```
#9268d7 rgb(146,104,215)
```
#a07cdd
```
#a07cdd rgb(160,124,221)
```
#af90e2
```
#af90e2 rgb(175,144,226)
```
#bea4e7
```
#bea4e7 rgb(190,164,231)
```
#ccb8ed
```
#ccb8ed rgb(204,184,237)
```
#dbcdf2
```
#dbcdf2 rgb(219,205,242)
```

Monochromatic Color

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

#9b90e2
```
#9b90e2 rgb(155,144,226)
```
#a190e2
```
#a190e2 rgb(161,144,226)
```
#a890e2
```
#a890e2 rgb(168,144,226)
```
#af90e2
```
#af90e2 rgb(175,144,226)
```
#b690e2
```
#b690e2 rgb(182,144,226)
```
#bd90e2
```
#bd90e2 rgb(189,144,226)
```
#c490e2
```
#c490e2 rgb(196,144,226)
```

Similar Colors

Text with hexadecimal color #af90e2

This text has a font color of #af90e2.

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

#af90e2 background color

This paragraph has a background color of #af90e2.

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

#af90e2 border color

This element has a border color of #af90e2.

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

CSS codes

.text {color:#af90e2;}

.background {background-color:#af90e2;}

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

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, #07040d is the darkest color, while #fdfdfe is the lightest one.

#07040d
```
#07040d rgb(7,4,13)
```
#10081d
```
#10081d rgb(16,8,29)
```
#180c2d
```
#180c2d rgb(24,12,45)
```
#20103c
```
#20103c rgb(32,16,60)
```
#29144c
```
#29144c rgb(41,20,76)
```
#31185b
```
#31185b rgb(49,24,91)
```
#3a1c6b
```
#3a1c6b rgb(58,28,107)
```
#42207a
```
#42207a rgb(66,32,122)
```
#4b248a
```
#4b248a rgb(75,36,138)
```
#532899
```
#532899 rgb(83,40,153)
```
#5b2ca9
```
#5b2ca9 rgb(91,44,169)
```
#6430b8
```
#6430b8 rgb(100,48,184)
```
#6c34c8
```
#6c34c8 rgb(108,52,200)
```

Shade Color Variation

#7742ce
```
#7742ce rgb(119,66,206)
```
#8252d2
```
#8252d2 rgb(130,82,210)
```
#8d61d6
```
#8d61d6 rgb(141,97,214)
```
#9971da
```
#9971da rgb(153,113,218)
```
#a480de
```
#a480de rgb(164,128,222)
```
#af90e2
```
#af90e2 rgb(175,144,226)
```
#baa0e6
```
#baa0e6 rgb(186,160,230)
```
#c5afea
```
#c5afea rgb(197,175,234)
```
#d1bfee
```
#d1bfee rgb(209,191,238)
```
#dccef2
```
#dccef2 rgb(220,206,242)
```
#e7def6
```
#e7def6 rgb(231,222,246)
```
#f2edfa
```
#f2edfa rgb(242,237,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#b8b6bc
```
#b8b6bc rgb(184,182,188)
```
#b7b0c2
```
#b7b0c2 rgb(183,176,194)
```
#b6abc7
```
#b6abc7 rgb(182,171,199)
```
#b4a6cc
```
#b4a6cc rgb(180,166,204)
```
#b3a0d2
```
#b3a0d2 rgb(179,160,210)
```
#b29bd7
```
#b29bd7 rgb(178,155,215)
```
#b095dd
```
#b095dd rgb(176,149,221)
```
#af90e2
```
#af90e2 rgb(175,144,226)
```
#ae8be7
```
#ae8be7 rgb(174,139,231)
```
#ac85ed
```
#ac85ed rgb(172,133,237)
```
#ab80f2
```
#ab80f2 rgb(171,128,242)
```
#aa7af8
```
#aa7af8 rgb(170,122,248)
```
#a875fd
```
#a875fd rgb(168,117,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a59fb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a1eb Protanopia 1% of men
#8da2df Deuteranopia 1% of men
#a7a1ad Tritanopia 0.001% of the population

Trichromacy

#969be8 Protanomaly 1% of men, 0.01% of women
#999be0 Deuteranomaly 6% of men, 0.4% of women
#aa9bc0 Tritanomaly 0.01% of the population

#af90e2 hex color

#af90e2 Color Information

#af90e2 Color Conversion

Color Schemes with #af90e2

Alternatives to #af90e2

#af90e2 Preview

Shades and Tints of #af90e2

Tones of #af90e2

Color Blindness Simulator