#af45f0 hex color

In a RGB color space, hex #af45f0 is composed of 68.6% red, 27.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 71.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 277.2 degrees, a saturation of 85.1% and a lightness of 60.6%. #af45f0 color hex could be obtained by blending #ff8aff with #5f00e1. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 27
- B 94
RGB color chart
- C 27
- M 71
- Y 0
- K 6
CMYK color chart

● #af45f0 color description : Bright violet.

The hexadecimal color #af45f0 has RGB values of R:175, G:69, B:240 and CMYK values of C:0.27, M:0.71, Y:0, K:0.06. Its decimal value is 11486704.

Hex triplet	af45f0	`#af45f0`
RGB Decimal	175, 69, 240	`rgb(175,69,240)`
RGB Percent	68.6, 27.1, 94.1	`rgb(68.6%,27.1%,94.1%)`
CMYK	27, 71, 0, 6
HSL	277.2°, 85.1, 60.6	`hsl(277.2,85.1%,60.6%)`
HSV (or HSB)	277.2°, 71.3, 94.1
Web Safe	9933ff	`#9933ff`

CIE-LAB	51.453, 69.446, -67.39
XYZ	35.533, 19.662, 84.357
xyY	0.255, 0.141, 19.662
CIE-LCH	51.453, 96.769, 315.861
CIE-LUV	51.453, 30.589, -110.421
Hunter-Lab	44.342, 65.44, -81.754
Binary	10101111, 01000101, 11110000

#af45f0
```
#af45f0 rgb(175,69,240)
```
#86f045
```
#86f045 rgb(134,240,69)
```

Complementary Color

#5945f0
```
#5945f0 rgb(89,69,240)
```
#af45f0
```
#af45f0 rgb(175,69,240)
```
#f045dc
```
#f045dc rgb(240,69,220)
```

Analogous Color

#45f059
```
#45f059 rgb(69,240,89)
```
#af45f0
```
#af45f0 rgb(175,69,240)
```
#dcf045
```
#dcf045 rgb(220,240,69)
```

Split Complementary Color

#45f0af
```
#45f0af rgb(69,240,175)
```
#af45f0
```
#af45f0 rgb(175,69,240)
```
#f0af45
```
#f0af45 rgb(240,175,69)
```

Triadic Color

#4586f0
```
#4586f0 rgb(69,134,240)
```
#af45f0
```
#af45f0 rgb(175,69,240)
```
#f0af45
```
#f0af45 rgb(240,175,69)
```
#86f045
```
#86f045 rgb(134,240,69)
```

Tetradic Color

#8c11d7
```
#8c11d7 rgb(140,17,215)
```
#9b16ec
```
#9b16ec rgb(155,22,236)
```
#a52dee
```
#a52dee rgb(165,45,238)
```
#af45f0
```
#af45f0 rgb(175,69,240)
```
#b95df2
```
#b95df2 rgb(185,93,242)
```
#c374f4
```
#c374f4 rgb(195,116,244)
```
#cd8cf6
```
#cd8cf6 rgb(205,140,246)
```

Monochromatic Color

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

#8445f0
```
#8445f0 rgb(132,69,240)
```
#9345f0
```
#9345f0 rgb(147,69,240)
```
#a145f0
```
#a145f0 rgb(161,69,240)
```
#af45f0
```
#af45f0 rgb(175,69,240)
```
#bd45f0
```
#bd45f0 rgb(189,69,240)
```
#cc45f0
```
#cc45f0 rgb(204,69,240)
```
#da45f0
```
#da45f0 rgb(218,69,240)
```

Similar Colors

Text with hexadecimal color #af45f0

This text has a font color of #af45f0.

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

#af45f0 background color

This paragraph has a background color of #af45f0.

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

#af45f0 border color

This element has a border color of #af45f0.

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

CSS codes

.text {color:#af45f0;}

.background {background-color:#af45f0;}

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

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, #09010e is the darkest color, while #fdfbff is the lightest one.

#09010e
```
#09010e rgb(9,1,14)
```
#150320
```
#150320 rgb(21,3,32)
```
#210432
```
#210432 rgb(33,4,50)
```
#2c0544
```
#2c0544 rgb(44,5,68)
```
#380756
```
#380756 rgb(56,7,86)
```
#440868
```
#440868 rgb(68,8,104)
```
#500a7b
```
#500a7b rgb(80,10,123)
```
#5c0b8d
```
#5c0b8d rgb(92,11,141)
```
#670d9f
```
#670d9f rgb(103,13,159)
```
#730eb1
```
#730eb1 rgb(115,14,177)
```
#7f10c3
```
#7f10c3 rgb(127,16,195)
```
#8b11d5
```
#8b11d5 rgb(139,17,213)
```
#9713e7
```
#9713e7 rgb(151,19,231)
```

Shade Color Variation

#9f21ed
```
#9f21ed rgb(159,33,237)
```
#a733ef
```
#a733ef rgb(167,51,239)
```
#af45f0
```
#af45f0 rgb(175,69,240)
```
#b757f1
```
#b757f1 rgb(183,87,241)
```
#bf69f3
```
#bf69f3 rgb(191,105,243)
```
#c67bf4
```
#c67bf4 rgb(198,123,244)
```
#ce8ef6
```
#ce8ef6 rgb(206,142,246)
```
#d6a0f7
```
#d6a0f7 rgb(214,160,247)
```
#deb2f9
```
#deb2f9 rgb(222,178,249)
```
#e6c4fa
```
#e6c4fa rgb(230,196,250)
```
#edd6fc
```
#edd6fc rgb(237,214,252)
```
#f5e8fd
```
#f5e8fd rgb(245,232,253)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#9b9a9b
```
#9b9a9b rgb(155,154,155)
```
#9c92a3
```
#9c92a3 rgb(156,146,163)
```
#9e8baa
```
#9e8baa rgb(158,139,170)
```
#a083b2
```
#a083b2 rgb(160,131,178)
```
#a27bba
```
#a27bba rgb(162,123,186)
```
#a473c2
```
#a473c2 rgb(164,115,194)
```
#a66cc9
```
#a66cc9 rgb(166,108,201)
```
#a864d1
```
#a864d1 rgb(168,100,209)
```
#a95cd9
```
#a95cd9 rgb(169,92,217)
```
#ab54e1
```
#ab54e1 rgb(171,84,225)
```
#ad4de8
```
#ad4de8 rgb(173,77,232)
```
#af45f0
```
#af45f0 rgb(175,69,240)
```
#b13df8
```
#b13df8 rgb(177,61,248)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#836e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0083da Deuteranopia 1% of men
#9c7780 Tritanopia 0.001% of the population

Trichromacy

#3f69f3 Protanomaly 1% of men, 0.01% of women
#3f6ce2 Deuteranomaly 6% of men, 0.4% of women
#a365a8 Tritanomaly 0.01% of the population

#af45f0 hex color

#af45f0 Color Information

#af45f0 Color Conversion

Color Schemes with #af45f0

Alternatives to #af45f0

#af45f0 Preview

Shades and Tints of #af45f0

Tones of #af45f0

Color Blindness Simulator