#af34df hex color

In a RGB color space, hex #af34df is composed of 68.6% red, 20.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 76.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 283.2 degrees, a saturation of 72.8% and a lightness of 53.9%. #af34df color hex could be obtained by blending #ff68ff with #5f00bf. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 20
- B 87
RGB color chart
- C 22
- M 77
- Y 0
- K 13
CMYK color chart

● #af34df color description : Bright violet.

The hexadecimal color #af34df has RGB values of R:175, G:52, B:223 and CMYK values of C:0.22, M:0.77, Y:0, K:0.13. Its decimal value is 11482335.

Hex triplet	af34df	`#af34df`
RGB Decimal	175, 52, 223	`rgb(175,52,223)`
RGB Percent	68.6, 20.4, 87.5	`rgb(68.6%,20.4%,87.5%)`
CMYK	22, 77, 0, 13
HSL	283.2°, 72.8, 53.9	`hsl(283.2,72.8%,53.9%)`
HSV (or HSB)	283.2°, 76.7, 87.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	48.132, 72.216, -63.162
XYZ	32.225, 16.899, 71.372
xyY	0.267, 0.14, 16.899
CIE-LCH	48.132, 95.94, 318.826
CIE-LUV	48.132, 37.574, -102.65
Hunter-Lab	41.108, 67.987, -74.164
Binary	10101111, 00110100, 11011111

#af34df
```
#af34df rgb(175,52,223)
```
#64df34
```
#64df34 rgb(100,223,52)
```

Complementary Color

#5934df
```
#5934df rgb(89,52,223)
```
#af34df
```
#af34df rgb(175,52,223)
```
#df34ba
```
#df34ba rgb(223,52,186)
```

Analogous Color

#34df59
```
#34df59 rgb(52,223,89)
```
#af34df
```
#af34df rgb(175,52,223)
```
#badf34
```
#badf34 rgb(186,223,52)
```

Split Complementary Color

#34dfaf
```
#34dfaf rgb(52,223,175)
```
#af34df
```
#af34df rgb(175,52,223)
```
#dfaf34
```
#dfaf34 rgb(223,175,52)
```

Triadic Color

#3464df
```
#3464df rgb(52,100,223)
```
#af34df
```
#af34df rgb(175,52,223)
```
#dfaf34
```
#dfaf34 rgb(223,175,52)
```
#64df34
```
#64df34 rgb(100,223,52)
```

Tetradic Color

#831bab
```
#831bab rgb(131,27,171)
```
#941fc1
```
#941fc1 rgb(148,31,193)
```
#a522d8
```
#a522d8 rgb(165,34,216)
```
#af34df
```
#af34df rgb(175,52,223)
```
#b84ae2
```
#b84ae2 rgb(184,74,226)
```
#c060e6
```
#c060e6 rgb(192,96,230)
```
#c976e9
```
#c976e9 rgb(201,118,233)
```

Monochromatic Color

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

#8434df
```
#8434df rgb(132,52,223)
```
#9334df
```
#9334df rgb(147,52,223)
```
#a134df
```
#a134df rgb(161,52,223)
```
#af34df
```
#af34df rgb(175,52,223)
```
#bd34df
```
#bd34df rgb(189,52,223)
```
#cc34df
```
#cc34df rgb(204,52,223)
```
#da34df
```
#da34df rgb(218,52,223)
```

Similar Colors

Text with hexadecimal color #af34df

This text has a font color of #af34df.

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

#af34df background color

This paragraph has a background color of #af34df.

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

#af34df border color

This element has a border color of #af34df.

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

CSS codes

.text {color:#af34df;}

.background {background-color:#af34df;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0311
```
#0d0311 rgb(13,3,17)
```
#1a0522
```
#1a0522 rgb(26,5,34)
```
#270833
```
#270833 rgb(39,8,51)
```
#340b44
```
#340b44 rgb(52,11,68)
```
#410d55
```
#410d55 rgb(65,13,85)
```
#4e1066
```
#4e1066 rgb(78,16,102)
```
#5b1377
```
#5b1377 rgb(91,19,119)
```
#681588
```
#681588 rgb(104,21,136)
```
#751899
```
#751899 rgb(117,24,153)
```
#821baa
```
#821baa rgb(130,27,170)
```
#8f1dbb
```
#8f1dbb rgb(143,29,187)
```
#9c20cc
```
#9c20cc rgb(156,32,204)
```

Shade Color Variation

#a823dc
```
#a823dc rgb(168,35,220)
```
#af34df
```
#af34df rgb(175,52,223)
```
#b645e2
```
#b645e2 rgb(182,69,226)
```
#bc56e4
```
#bc56e4 rgb(188,86,228)
```
#c367e7
```
#c367e7 rgb(195,103,231)
```
#ca78ea
```
#ca78ea rgb(202,120,234)
```
#d089ec
```
#d089ec rgb(208,137,236)
```
#d79aef
```
#d79aef rgb(215,154,239)
```
#deabf2
```
#deabf2 rgb(222,171,242)
```
#e4bcf4
```
#e4bcf4 rgb(228,188,244)
```
#ebccf7
```
#ebccf7 rgb(235,204,247)
```
#f2ddfa
```
#f2ddfa rgb(242,221,250)
```
#f8eefc
```
#f8eefc rgb(248,238,252)
```

Tint Color Variation

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

#8b858e
```
#8b858e rgb(139,133,142)
```
#8f7c97
```
#8f7c97 rgb(143,124,151)
```
#9373a0
```
#9373a0 rgb(147,115,160)
```
#976aa9
```
#976aa9 rgb(151,106,169)
```
#9b61b2
```
#9b61b2 rgb(155,97,178)
```
#9f58bb
```
#9f58bb rgb(159,88,187)
```
#a34fc4
```
#a34fc4 rgb(163,79,196)
```
#a746cd
```
#a746cd rgb(167,70,205)
```
#ab3dd6
```
#ab3dd6 rgb(171,61,214)
```
#af34df
```
#af34df rgb(175,52,223)
```
#b32be8
```
#b32be8 rgb(179,43,232)
```
#b722f1
```
#b722f1 rgb(183,34,241)
```
#bb19fa
```
#bb19fa rgb(187,25,250)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007bce Deuteranopia 1% of men
#9f6b72 Tritanopia 0.001% of the population

Trichromacy

#3f5de3 Protanomaly 1% of men, 0.01% of women
#3f61d4 Deuteranomaly 6% of men, 0.4% of women
#a55799 Tritanomaly 0.01% of the population

#af34df hex color

#af34df Color Information

#af34df Color Conversion

Color Schemes with #af34df

Alternatives to #af34df

#af34df Preview

Shades and Tints of #af34df

Tones of #af34df

Color Blindness Simulator