#af53f3 hex color

In a RGB color space, hex #af53f3 is composed of 68.6% red, 32.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 65.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 274.5 degrees, a saturation of 87% and a lightness of 63.9%. #af53f3 color hex could be obtained by blending #ffa6ff with #5f00e7. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 33
- B 95
RGB color chart
- C 28
- M 66
- Y 0
- K 5
CMYK color chart

● #af53f3 color description : Soft violet.

The hexadecimal color #af53f3 has RGB values of R:175, G:83, B:243 and CMYK values of C:0.28, M:0.66, Y:0, K:0.05. Its decimal value is 11490291.

Hex triplet	af53f3	`#af53f3`
RGB Decimal	175, 83, 243	`rgb(175,83,243)`
RGB Percent	68.6, 32.5, 95.3	`rgb(68.6%,32.5%,95.3%)`
CMYK	28, 66, 0, 5
HSL	274.5°, 87, 63.9	`hsl(274.5,87%,63.9%)`
HSV (or HSB)	274.5°, 65.8, 95.3
Web Safe	9966ff	`#9966ff`

CIE-LAB	53.785, 64.115, -65.302
XYZ	36.948, 21.772, 87.045
xyY	0.253, 0.149, 21.772
CIE-LCH	53.785, 91.515, 314.475
CIE-LUV	53.785, 27.095, -108.13
Hunter-Lab	46.661, 59.687, -77.942
Binary	10101111, 01010011, 11110011

#af53f3
```
#af53f3 rgb(175,83,243)
```
#97f353
```
#97f353 rgb(151,243,83)
```

Complementary Color

#5f53f3
```
#5f53f3 rgb(95,83,243)
```
#af53f3
```
#af53f3 rgb(175,83,243)
```
#f353e7
```
#f353e7 rgb(243,83,231)
```

Analogous Color

#53f35f
```
#53f35f rgb(83,243,95)
```
#af53f3
```
#af53f3 rgb(175,83,243)
```
#e7f353
```
#e7f353 rgb(231,243,83)
```

Split Complementary Color

#53f3af
```
#53f3af rgb(83,243,175)
```
#af53f3
```
#af53f3 rgb(175,83,243)
```
#f3af53
```
#f3af53 rgb(243,175,83)
```

Triadic Color

#5397f3
```
#5397f3 rgb(83,151,243)
```
#af53f3
```
#af53f3 rgb(175,83,243)
```
#f3af53
```
#f3af53 rgb(243,175,83)
```
#97f353
```
#97f353 rgb(151,243,83)
```

Tetradic Color

#8d10e9
```
#8d10e9 rgb(141,16,233)
```
#9923f0
```
#9923f0 rgb(153,35,240)
```
#a43bf1
```
#a43bf1 rgb(164,59,241)
```
#af53f3
```
#af53f3 rgb(175,83,243)
```
#ba6bf5
```
#ba6bf5 rgb(186,107,245)
```
#c583f6
```
#c583f6 rgb(197,131,246)
```
#d09bf8
```
#d09bf8 rgb(208,155,248)
```

Monochromatic Color

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

#8753f3
```
#8753f3 rgb(135,83,243)
```
#9453f3
```
#9453f3 rgb(148,83,243)
```
#a253f3
```
#a253f3 rgb(162,83,243)
```
#af53f3
```
#af53f3 rgb(175,83,243)
```
#bc53f3
```
#bc53f3 rgb(188,83,243)
```
#ca53f3
```
#ca53f3 rgb(202,83,243)
```
#d753f3
```
#d753f3 rgb(215,83,243)
```

Similar Colors

Text with hexadecimal color #af53f3

This text has a font color of #af53f3.

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

#af53f3 background color

This paragraph has a background color of #af53f3.

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

#af53f3 border color

This element has a border color of #af53f3.

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

CSS codes

.text {color:#af53f3;}

.background {background-color:#af53f3;}

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

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

#07010b
```
#07010b rgb(7,1,11)
```
#12021e
```
#12021e rgb(18,2,30)
```
#1d0330
```
#1d0330 rgb(29,3,48)
```
#280542
```
#280542 rgb(40,5,66)
```
#330655
```
#330655 rgb(51,6,85)
```
#3e0767
```
#3e0767 rgb(62,7,103)
```
#490879
```
#490879 rgb(73,8,121)
```
#540a8c
```
#540a8c rgb(84,10,140)
```
#600b9e
```
#600b9e rgb(96,11,158)
```
#6b0cb0
```
#6b0cb0 rgb(107,12,176)
```
#760ec3
```
#760ec3 rgb(118,14,195)
```
#810fd5
```
#810fd5 rgb(129,15,213)
```
#8c10e7
```
#8c10e7 rgb(140,16,231)
```

Shade Color Variation

#951cef
```
#951cef rgb(149,28,239)
```
#9e2ef0
```
#9e2ef0 rgb(158,46,240)
```
#a641f2
```
#a641f2 rgb(166,65,242)
```
#af53f3
```
#af53f3 rgb(175,83,243)
```
#b865f4
```
#b865f4 rgb(184,101,244)
```
#c078f6
```
#c078f6 rgb(192,120,246)
```
#c98af7
```
#c98af7 rgb(201,138,247)
```
#d19cf8
```
#d19cf8 rgb(209,156,248)
```
#daaff9
```
#daaff9 rgb(218,175,249)
```
#e2c1fb
```
#e2c1fb rgb(226,193,251)
```
#ebd3fc
```
#ebd3fc rgb(235,211,252)
```
#f3e6fd
```
#f3e6fd rgb(243,230,253)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#a3a1a5
```
#a3a1a5 rgb(163,161,165)
```
#a49aac
```
#a49aac rgb(164,154,172)
```
#a593b3
```
#a593b3 rgb(165,147,179)
```
#a78cba
```
#a78cba rgb(167,140,186)
```
#a885c1
```
#a885c1 rgb(168,133,193)
```
#a97dc9
```
#a97dc9 rgb(169,125,201)
```
#aa76d0
```
#aa76d0 rgb(170,118,208)
```
#ab6fd7
```
#ab6fd7 rgb(171,111,215)
```
#ac68de
```
#ac68de rgb(172,104,222)
```
#ad61e5
```
#ad61e5 rgb(173,97,229)
```
#ae5aec
```
#ae5aec rgb(174,90,236)
```
#af53f3
```
#af53f3 rgb(175,83,243)
```
#b04cfa
```
#b04cfa rgb(176,76,250)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8a7898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1883ff Protanopia 1% of men
#1889e4 Deuteranopia 1% of men
#9c7f88 Tritanopia 0.001% of the population

Trichromacy

#4f71fa Protanomaly 1% of men, 0.01% of women
#4f75e9 Deuteranomaly 6% of men, 0.4% of women
#a36faf Tritanomaly 0.01% of the population

#af53f3 hex color

#af53f3 Color Information

#af53f3 Color Conversion

Color Schemes with #af53f3

Alternatives to #af53f3

#af53f3 Preview

Shades and Tints of #af53f3

Tones of #af53f3

Color Blindness Simulator