#af85ff hex color

In a RGB color space, hex #af85ff is composed of 68.6% red, 52.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 47.8% magenta, 0% yellow and 0% black. It has a hue angle of 260.7 degrees, a saturation of 100% and a lightness of 76.1%. #af85ff color hex could be obtained by blending #ffffff with #5f0bff. Closest websafe color is: #9999ff.

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

● #af85ff color description : Very light violet.

The hexadecimal color #af85ff has RGB values of R:175, G:133, B:255 and CMYK values of C:0.31, M:0.48, Y:0, K:0. Its decimal value is 11503103.

Hex triplet	af85ff	`#af85ff`
RGB Decimal	175, 133, 255	`rgb(175,133,255)`
RGB Percent	68.6, 52.2, 100	`rgb(68.6%,52.2%,100%)`
CMYK	31, 48, 0, 0
HSL	260.7°, 100, 76.1	`hsl(260.7,100%,76.1%)`
HSV (or HSB)	260.7°, 47.8, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	64.249, 41.221, -55.179
XYZ	44.114, 33.109, 98.669
xyY	0.251, 0.188, 33.109
CIE-LCH	64.249, 68.876, 306.761
CIE-LUV	64.249, 10.891, -93.732
Hunter-Lab	57.54, 36.152, -61.391
Binary	10101111, 10000101, 11111111

#af85ff
```
#af85ff rgb(175,133,255)
```
#d5ff85
```
#d5ff85 rgb(213,255,133)
```

Complementary Color

#8598ff
```
#8598ff rgb(133,152,255)
```
#af85ff
```
#af85ff rgb(175,133,255)
```
#ec85ff
```
#ec85ff rgb(236,133,255)
```

Analogous Color

#98ff85
```
#98ff85 rgb(152,255,133)
```
#af85ff
```
#af85ff rgb(175,133,255)
```
#ffec85
```
#ffec85 rgb(255,236,133)
```

Split Complementary Color

#85ffaf
```
#85ffaf rgb(133,255,175)
```
#af85ff
```
#af85ff rgb(175,133,255)
```
#ffaf85
```
#ffaf85 rgb(255,175,133)
```

Triadic Color

#85d5ff
```
#85d5ff rgb(133,213,255)
```
#af85ff
```
#af85ff rgb(175,133,255)
```
#ffaf85
```
#ffaf85 rgb(255,175,133)
```
#d5ff85
```
#d5ff85 rgb(213,255,133)
```

Tetradic Color

#7d39ff
```
#7d39ff rgb(125,57,255)
```
#8e52ff
```
#8e52ff rgb(142,82,255)
```
#9e6cff
```
#9e6cff rgb(158,108,255)
```
#af85ff
```
#af85ff rgb(175,133,255)
```
#c09fff
```
#c09fff rgb(192,159,255)
```
#d0b8ff
```
#d0b8ff rgb(208,184,255)
```
#e1d2ff
```
#e1d2ff rgb(225,210,255)
```

Monochromatic Color

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

#9185ff
```
#9185ff rgb(145,133,255)
```
#9b85ff
```
#9b85ff rgb(155,133,255)
```
#a585ff
```
#a585ff rgb(165,133,255)
```
#af85ff
```
#af85ff rgb(175,133,255)
```
#b985ff
```
#b985ff rgb(185,133,255)
```
#c385ff
```
#c385ff rgb(195,133,255)
```
#ce85ff
```
#ce85ff rgb(206,133,255)
```

Similar Colors

Text with hexadecimal color #af85ff

This text has a font color of #af85ff.

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

#af85ff background color

This paragraph has a background color of #af85ff.

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

#af85ff border color

This element has a border color of #af85ff.

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

CSS codes

.text {color:#af85ff;}

.background {background-color:#af85ff;}

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

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, #05000f is the darkest color, while #fcfbff is the lightest one.

#05000f
```
#05000f rgb(5,0,15)
```
#0c0023
```
#0c0023 rgb(12,0,35)
```
#130037
```
#130037 rgb(19,0,55)
```
#1a004a
```
#1a004a rgb(26,0,74)
```
#20005e
```
#20005e rgb(32,0,94)
```
#270071
```
#270071 rgb(39,0,113)
```
#2e0085
```
#2e0085 rgb(46,0,133)
```
#350099
```
#350099 rgb(53,0,153)
```
#3b00ac
```
#3b00ac rgb(59,0,172)
```
#4200c0
```
#4200c0 rgb(66,0,192)
```
#4900d3
```
#4900d3 rgb(73,0,211)
```
#5000e7
```
#5000e7 rgb(80,0,231)
```
#5600fb
```
#5600fb rgb(86,0,251)
```

Shade Color Variation

#620fff
```
#620fff rgb(98,15,255)
```
#6f23ff
```
#6f23ff rgb(111,35,255)
```
#7c37ff
```
#7c37ff rgb(124,55,255)
```
#884aff
```
#884aff rgb(136,74,255)
```
#955eff
```
#955eff rgb(149,94,255)
```
#a271ff
```
#a271ff rgb(162,113,255)
```
#af85ff
```
#af85ff rgb(175,133,255)
```
#bc99ff
```
#bc99ff rgb(188,153,255)
```
#c9acff
```
#c9acff rgb(201,172,255)
```
#d6c0ff
```
#d6c0ff rgb(214,192,255)
```
#e2d3ff
```
#e2d3ff rgb(226,211,255)
```
#efe7ff
```
#efe7ff rgb(239,231,255)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#c1bdc7
```
#c1bdc7 rgb(193,189,199)
```
#bfb9cb
```
#bfb9cb rgb(191,185,203)
```
#beb4d0
```
#beb4d0 rgb(190,180,208)
```
#bcafd5
```
#bcafd5 rgb(188,175,213)
```
#bbabd9
```
#bbabd9 rgb(187,171,217)
```
#b9a6de
```
#b9a6de rgb(185,166,222)
```
#b8a1e3
```
#b8a1e3 rgb(184,161,227)
```
#b69ce8
```
#b69ce8 rgb(182,156,232)
```
#b598ec
```
#b598ec rgb(181,152,236)
```
#b393f1
```
#b393f1 rgb(179,147,241)
```
#b28ef6
```
#b28ef6 rgb(178,142,246)
```
#b08afa
```
#b08afa rgb(176,138,250)
```
#af85ff
```
#af85ff rgb(175,133,255)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a29ab2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#749dff Protanopia 1% of men
#69a1f6 Deuteranopia 1% of men
#9ea0ab Tritanopia 0.001% of the population

Trichromacy

#8994ff Protanomaly 1% of men, 0.01% of women
#8397f9 Deuteranomaly 6% of men, 0.4% of women
#a496ca Tritanomaly 0.01% of the population

#af85ff hex color

#af85ff Color Information

#af85ff Color Conversion

Color Schemes with #af85ff

Alternatives to #af85ff

#af85ff Preview

Shades and Tints of #af85ff

Tones of #af85ff

Color Blindness Simulator