#af61ff hex color

In a RGB color space, hex #af61ff is composed of 68.6% red, 38% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 62% magenta, 0% yellow and 0% black. It has a hue angle of 269.6 degrees, a saturation of 100% and a lightness of 69%. #af61ff color hex could be obtained by blending #ffc2ff with #5f00ff. Closest websafe color is: #9966ff.

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

● #af61ff color description : Light violet.

The hexadecimal color #af61ff has RGB values of R:175, G:97, B:255 and CMYK values of C:0.31, M:0.62, Y:0, K:0. Its decimal value is 11493887.

Hex triplet	af61ff	`#af61ff`
RGB Decimal	175, 97, 255	`rgb(175,97,255)`
RGB Percent	68.6, 38, 100	`rgb(68.6%,38%,100%)`
CMYK	31, 62, 0, 0
HSL	269.6°, 100, 69	`hsl(269.6,100%,69%)`
HSV (or HSB)	269.6°, 62, 100
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.962, 60.206, -66.843
XYZ	40.001, 24.884, 97.298
xyY	0.247, 0.153, 24.884
CIE-LCH	56.962, 89.96, 312.01
CIE-LUV	56.962, 21.525, -111.623
Hunter-Lab	49.884, 55.84, -80.726
Binary	10101111, 01100001, 11111111

#af61ff
```
#af61ff rgb(175,97,255)
```
#b1ff61
```
#b1ff61 rgb(177,255,97)
```

Complementary Color

#6162ff
```
#6162ff rgb(97,98,255)
```
#af61ff
```
#af61ff rgb(175,97,255)
```
#fe61ff
```
#fe61ff rgb(254,97,255)
```

Analogous Color

#62ff61
```
#62ff61 rgb(98,255,97)
```
#af61ff
```
#af61ff rgb(175,97,255)
```
#fffe61
```
#fffe61 rgb(255,254,97)
```

Split Complementary Color

#61ffaf
```
#61ffaf rgb(97,255,175)
```
#af61ff
```
#af61ff rgb(175,97,255)
```
#ffaf61
```
#ffaf61 rgb(255,175,97)
```

Triadic Color

#61b1ff
```
#61b1ff rgb(97,177,255)
```
#af61ff
```
#af61ff rgb(175,97,255)
```
#ffaf61
```
#ffaf61 rgb(255,175,97)
```
#b1ff61
```
#b1ff61 rgb(177,255,97)
```

Tetradic Color

#8815ff
```
#8815ff rgb(136,21,255)
```
#952eff
```
#952eff rgb(149,46,255)
```
#a248ff
```
#a248ff rgb(162,72,255)
```
#af61ff
```
#af61ff rgb(175,97,255)
```
#bc7bff
```
#bc7bff rgb(188,123,255)
```
#c994ff
```
#c994ff rgb(201,148,255)
```
#d6aeff
```
#d6aeff rgb(214,174,255)
```

Monochromatic Color

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

#8861ff
```
#8861ff rgb(136,97,255)
```
#9561ff
```
#9561ff rgb(149,97,255)
```
#a261ff
```
#a261ff rgb(162,97,255)
```
#af61ff
```
#af61ff rgb(175,97,255)
```
#bc61ff
```
#bc61ff rgb(188,97,255)
```
#c961ff
```
#c961ff rgb(201,97,255)
```
#d761ff
```
#d761ff rgb(215,97,255)
```

Similar Colors

Text with hexadecimal color #af61ff

This text has a font color of #af61ff.

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

#af61ff background color

This paragraph has a background color of #af61ff.

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

#af61ff border color

This element has a border color of #af61ff.

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

CSS codes

.text {color:#af61ff;}

.background {background-color:#af61ff;}

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

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

#090013
```
#090013 rgb(9,0,19)
```
#130026
```
#130026 rgb(19,0,38)
```
#1d003a
```
#1d003a rgb(29,0,58)
```
#26004d
```
#26004d rgb(38,0,77)
```
#300061
```
#300061 rgb(48,0,97)
```
#3a0075
```
#3a0075 rgb(58,0,117)
```
#430088
```
#430088 rgb(67,0,136)
```
#4d009c
```
#4d009c rgb(77,0,156)
```
#5700af
```
#5700af rgb(87,0,175)
```
#6000c3
```
#6000c3 rgb(96,0,195)
```
#6a00d7
```
#6a00d7 rgb(106,0,215)
```
#7400ea
```
#7400ea rgb(116,0,234)
```
#7d00fe
```
#7d00fe rgb(125,0,254)
```

Shade Color Variation

#8713ff
```
#8713ff rgb(135,19,255)
```
#9126ff
```
#9126ff rgb(145,38,255)
```
#9b3aff
```
#9b3aff rgb(155,58,255)
```
#a54dff
```
#a54dff rgb(165,77,255)
```
#af61ff
```
#af61ff rgb(175,97,255)
```
#b975ff
```
#b975ff rgb(185,117,255)
```
#c388ff
```
#c388ff rgb(195,136,255)
```
#cd9cff
```
#cd9cff rgb(205,156,255)
```
#d7afff
```
#d7afff rgb(215,175,255)
```
#e1c3ff
```
#e1c3ff rgb(225,195,255)
```
#ebd7ff
```
#ebd7ff rgb(235,215,255)
```
#f5eaff
```
#f5eaff rgb(245,234,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b0aab6
```
#b0aab6 rgb(176,170,182)
```
#b0a4bc
```
#b0a4bc rgb(176,164,188)
```
#b09ec2
```
#b09ec2 rgb(176,158,194)
```
#b098c8
```
#b098c8 rgb(176,152,200)
```
#b092ce
```
#b092ce rgb(176,146,206)
```
#b08cd4
```
#b08cd4 rgb(176,140,212)
```
#af85db
```
#af85db rgb(175,133,219)
```
#af7fe1
```
#af7fe1 rgb(175,127,225)
```
#af79e7
```
#af79e7 rgb(175,121,231)
```
#af73ed
```
#af73ed rgb(175,115,237)
```
#af6df3
```
#af6df3 rgb(175,109,243)
```
#af67f9
```
#af67f9 rgb(175,103,249)
```
#af61ff
```
#af61ff rgb(175,97,255)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9182a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#458bff Protanopia 1% of men
#1e91f0 Deuteranopia 1% of men
#9a8a94 Tritanopia 0.001% of the population

Trichromacy

#6b7bff Protanomaly 1% of men, 0.01% of women
#537ff6 Deuteranomaly 6% of men, 0.4% of women
#a27bbb Tritanomaly 0.01% of the population

#af61ff hex color

#af61ff Color Information

#af61ff Color Conversion

Color Schemes with #af61ff

Alternatives to #af61ff

#af61ff Preview

Shades and Tints of #af61ff

Tones of #af61ff

Color Blindness Simulator