#af5dfc hex color

In a RGB color space, hex #af5dfc is composed of 68.6% red, 36.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 63.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 270.9 degrees, a saturation of 96.4% and a lightness of 67.6%. #af5dfc color hex could be obtained by blending #ffbaff with #5f00f9. Closest websafe color is: #9966ff.

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

● #af5dfc color description : Soft violet.

The hexadecimal color #af5dfc has RGB values of R:175, G:93, B:252 and CMYK values of C:0.31, M:0.63, Y:0, K:0.01. Its decimal value is 11492860.

Hex triplet	af5dfc	`#af5dfc`
RGB Decimal	175, 93, 252	`rgb(175,93,252)`
RGB Percent	68.6, 36.5, 98.8	`rgb(68.6%,36.5%,98.8%)`
CMYK	31, 63, 0, 1
HSL	270.9°, 96.4, 67.6	`hsl(270.9,96.4%,67.6%)`
HSV (or HSB)	270.9°, 63.1, 98.8
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.059, 61.458, -66.638
XYZ	39.162, 23.971, 94.654
xyY	0.248, 0.152, 23.971
CIE-LCH	56.059, 90.651, 312.684
CIE-LUV	56.059, 23.038, -111.006
Hunter-Lab	48.961, 57.093, -80.351
Binary	10101111, 01011101, 11111100

#af5dfc
```
#af5dfc rgb(175,93,252)
```
#aafc5d
```
#aafc5d rgb(170,252,93)
```

Complementary Color

#5f5dfc
```
#5f5dfc rgb(95,93,252)
```
#af5dfc
```
#af5dfc rgb(175,93,252)
```
#fc5dfa
```
#fc5dfa rgb(252,93,250)
```

Analogous Color

#5dfc5f
```
#5dfc5f rgb(93,252,95)
```
#af5dfc
```
#af5dfc rgb(175,93,252)
```
#fafc5d
```
#fafc5d rgb(250,252,93)
```

Split Complementary Color

#5dfcaf
```
#5dfcaf rgb(93,252,175)
```
#af5dfc
```
#af5dfc rgb(175,93,252)
```
#fcaf5d
```
#fcaf5d rgb(252,175,93)
```

Triadic Color

#5daafc
```
#5daafc rgb(93,170,252)
```
#af5dfc
```
#af5dfc rgb(175,93,252)
```
#fcaf5d
```
#fcaf5d rgb(252,175,93)
```
#aafc5d
```
#aafc5d rgb(170,252,93)
```

Tetradic Color

#8a12fb
```
#8a12fb rgb(138,18,251)
```
#962bfb
```
#962bfb rgb(150,43,251)
```
#a344fc
```
#a344fc rgb(163,68,252)
```
#af5dfc
```
#af5dfc rgb(175,93,252)
```
#bb76fc
```
#bb76fc rgb(187,118,252)
```
#c88ffd
```
#c88ffd rgb(200,143,253)
```
#d4a8fd
```
#d4a8fd rgb(212,168,253)
```

Monochromatic Color

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

#875dfc
```
#875dfc rgb(135,93,252)
```
#955dfc
```
#955dfc rgb(149,93,252)
```
#a25dfc
```
#a25dfc rgb(162,93,252)
```
#af5dfc
```
#af5dfc rgb(175,93,252)
```
#bc5dfc
```
#bc5dfc rgb(188,93,252)
```
#ca5dfc
```
#ca5dfc rgb(202,93,252)
```
#d75dfc
```
#d75dfc rgb(215,93,252)
```

Similar Colors

Text with hexadecimal color #af5dfc

This text has a font color of #af5dfc.

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

#af5dfc background color

This paragraph has a background color of #af5dfc.

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

#af5dfc border color

This element has a border color of #af5dfc.

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

CSS codes

.text {color:#af5dfc;}

.background {background-color:#af5dfc;}

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

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, #06000b is the darkest color, while #fbf7ff is the lightest one.

#06000b
```
#06000b rgb(6,0,11)
```
#10011f
```
#10011f rgb(16,1,31)
```
#1a0132
```
#1a0132 rgb(26,1,50)
```
#240145
```
#240145 rgb(36,1,69)
```
#2e0258
```
#2e0258 rgb(46,2,88)
```
#38026c
```
#38026c rgb(56,2,108)
```
#43027f
```
#43027f rgb(67,2,127)
```
#4d0392
```
#4d0392 rgb(77,3,146)
```
#5703a5
```
#5703a5 rgb(87,3,165)
```
#6103b9
```
#6103b9 rgb(97,3,185)
```
#6b04cc
```
#6b04cc rgb(107,4,204)
```
#7504df
```
#7504df rgb(117,4,223)
```
#7f04f2
```
#7f04f2 rgb(127,4,242)
```

Shade Color Variation

#8910fb
```
#8910fb rgb(137,16,251)
```
#9223fb
```
#9223fb rgb(146,35,251)
```
#9c36fb
```
#9c36fb rgb(156,54,251)
```
#a54afc
```
#a54afc rgb(165,74,252)
```
#af5dfc
```
#af5dfc rgb(175,93,252)
```
#b970fc
```
#b970fc rgb(185,112,252)
```
#c284fd
```
#c284fd rgb(194,132,253)
```
#cc97fd
```
#cc97fd rgb(204,151,253)
```
#d5aafd
```
#d5aafd rgb(213,170,253)
```
#dfbdfe
```
#dfbdfe rgb(223,189,254)
```
#e8d1fe
```
#e8d1fe rgb(232,209,254)
```
#f2e4fe
```
#f2e4fe rgb(242,228,254)
```
#fbf7ff
```
#fbf7ff rgb(251,247,255)
```

Tint Color Variation

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

#ada9b0
```
#ada9b0 rgb(173,169,176)
```
#ada3b6
```
#ada3b6 rgb(173,163,182)
```
#ad9cbd
```
#ad9cbd rgb(173,156,189)
```
#ad96c3
```
#ad96c3 rgb(173,150,195)
```
#ad90c9
```
#ad90c9 rgb(173,144,201)
```
#ae89d0
```
#ae89d0 rgb(174,137,208)
```
#ae83d6
```
#ae83d6 rgb(174,131,214)
```
#ae7ddc
```
#ae7ddc rgb(174,125,220)
```
#ae76e3
```
#ae76e3 rgb(174,118,227)
```
#ae70e9
```
#ae70e9 rgb(174,112,233)
```
#af6aef
```
#af6aef rgb(175,106,239)
```
#af63f6
```
#af63f6 rgb(175,99,246)
```
#af5dfc
```
#af5dfc rgb(175,93,252)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#907f9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c88ff Protanopia 1% of men
#198eed Deuteranopia 1% of men
#9b8791 Tritanopia 0.001% of the population

Trichromacy

#6678fd Protanomaly 1% of men, 0.01% of women
#507cf2 Deuteranomaly 6% of men, 0.4% of women
#a278b7 Tritanomaly 0.01% of the population

#af5dfc hex color

#af5dfc Color Information

#af5dfc Color Conversion

Color Schemes with #af5dfc

Alternatives to #af5dfc

#af5dfc Preview

Shades and Tints of #af5dfc

Tones of #af5dfc

Color Blindness Simulator