#af4def hex color

In a RGB color space, hex #af4def is composed of 68.6% red, 30.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 67.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 276.3 degrees, a saturation of 83.5% and a lightness of 62%. #af4def color hex could be obtained by blending #ff9aff with #5f00df. Closest websafe color is: #9966ff.

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

● #af4def color description : Soft violet.

The hexadecimal color #af4def has RGB values of R:175, G:77, B:239 and CMYK values of C:0.27, M:0.68, Y:0, K:0.06. Its decimal value is 11488751.

Hex triplet	af4def	`#af4def`
RGB Decimal	175, 77, 239	`rgb(175,77,239)`
RGB Percent	68.6, 30.2, 93.7	`rgb(68.6%,30.2%,93.7%)`
CMYK	27, 68, 0, 6
HSL	276.3°, 83.5, 62	`hsl(276.3,83.5%,62%)`
HSV (or HSB)	276.3°, 67.8, 93.7
Web Safe	9966ff	`#9966ff`

CIE-LAB	52.569, 65.907, -65.026
XYZ	35.911, 20.655, 83.752
xyY	0.256, 0.147, 20.655
CIE-LCH	52.569, 92.586, 315.386
CIE-LUV	52.569, 29.233, -107.262
Hunter-Lab	45.447, 61.512, -77.448
Binary	10101111, 01001101, 11101111

#af4def
```
#af4def rgb(175,77,239)
```
#8def4d
```
#8def4d rgb(141,239,77)
```

Complementary Color

#5e4def
```
#5e4def rgb(94,77,239)
```
#af4def
```
#af4def rgb(175,77,239)
```
#ef4dde
```
#ef4dde rgb(239,77,222)
```

Analogous Color

#4def5e
```
#4def5e rgb(77,239,94)
```
#af4def
```
#af4def rgb(175,77,239)
```
#deef4d
```
#deef4d rgb(222,239,77)
```

Split Complementary Color

#4defaf
```
#4defaf rgb(77,239,175)
```
#af4def
```
#af4def rgb(175,77,239)
```
#efaf4d
```
#efaf4d rgb(239,175,77)
```

Triadic Color

#4d8def
```
#4d8def rgb(77,141,239)
```
#af4def
```
#af4def rgb(175,77,239)
```
#efaf4d
```
#efaf4d rgb(239,175,77)
```
#8def4d
```
#8def4d rgb(141,239,77)
```

Tetradic Color

#8d14dc
```
#8d14dc rgb(141,20,220)
```
#9a1eeb
```
#9a1eeb rgb(154,30,235)
```
#a436ed
```
#a436ed rgb(164,54,237)
```
#af4def
```
#af4def rgb(175,77,239)
```
#ba64f1
```
#ba64f1 rgb(186,100,241)
```
#c47cf3
```
#c47cf3 rgb(196,124,243)
```
#cf93f5
```
#cf93f5 rgb(207,147,245)
```

Monochromatic Color

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

#874def
```
#874def rgb(135,77,239)
```
#944def
```
#944def rgb(148,77,239)
```
#a24def
```
#a24def rgb(162,77,239)
```
#af4def
```
#af4def rgb(175,77,239)
```
#bd4def
```
#bd4def rgb(189,77,239)
```
#ca4def
```
#ca4def rgb(202,77,239)
```
#d84def
```
#d84def rgb(216,77,239)
```

Similar Colors

Text with hexadecimal color #af4def

This text has a font color of #af4def.

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

#af4def background color

This paragraph has a background color of #af4def.

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

#af4def border color

This element has a border color of #af4def.

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

CSS codes

.text {color:#af4def;}

.background {background-color:#af4def;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0d0214
```
#0d0214 rgb(13,2,20)
```
#180326
```
#180326 rgb(24,3,38)
```
#240538
```
#240538 rgb(36,5,56)
```
#2f074a
```
#2f074a rgb(47,7,74)
```
#3b085c
```
#3b085c rgb(59,8,92)
```
#460a6e
```
#460a6e rgb(70,10,110)
```
#520c80
```
#520c80 rgb(82,12,128)
```
#5d0d92
```
#5d0d92 rgb(93,13,146)
```
#690fa4
```
#690fa4 rgb(105,15,164)
```
#7510b6
```
#7510b6 rgb(117,16,182)
```
#8012c8
```
#8012c8 rgb(128,18,200)
```
#8c14da
```
#8c14da rgb(140,20,218)
```

Shade Color Variation

#9717ea
```
#9717ea rgb(151,23,234)
```
#9f29ec
```
#9f29ec rgb(159,41,236)
```
#a73bed
```
#a73bed rgb(167,59,237)
```
#af4def
```
#af4def rgb(175,77,239)
```
#b75ff1
```
#b75ff1 rgb(183,95,241)
```
#bf71f2
```
#bf71f2 rgb(191,113,242)
```
#c783f4
```
#c783f4 rgb(199,131,244)
```
#cf95f5
```
#cf95f5 rgb(207,149,245)
```
#d7a7f7
```
#d7a7f7 rgb(215,167,247)
```
#e0b9f9
```
#e0b9f9 rgb(224,185,249)
```
#e8cbfa
```
#e8cbfa rgb(232,203,250)
```
#f0ddfc
```
#f0ddfc rgb(240,221,252)
```
#f8effe
```
#f8effe rgb(248,239,254)
```

Tint Color Variation

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

#9f98a4
```
#9f98a4 rgb(159,152,164)
```
#a190ac
```
#a190ac rgb(161,144,172)
```
#a289b3
```
#a289b3 rgb(162,137,179)
```
#a481bb
```
#a481bb rgb(164,129,187)
```
#a67ac2
```
#a67ac2 rgb(166,122,194)
```
#a772ca
```
#a772ca rgb(167,114,202)
```
#a96bd1
```
#a96bd1 rgb(169,107,209)
```
#aa63d9
```
#aa63d9 rgb(170,99,217)
```
#ac5ce0
```
#ac5ce0 rgb(172,92,224)
```
#ad54e8
```
#ad54e8 rgb(173,84,232)
```
#af4def
```
#af4def rgb(175,77,239)
```
#b146f6
```
#b146f6 rgb(177,70,246)
```
#b23efe
```
#b23efe rgb(178,62,254)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#0f86df Deuteranopia 1% of men
#9d7b83 Tritanopia 0.001% of the population

Trichromacy

#3f6df6 Protanomaly 1% of men, 0.01% of women
#4971e5 Deuteranomaly 6% of men, 0.4% of women
#a36aaa Tritanomaly 0.01% of the population

#af4def hex color

#af4def Color Information

#af4def Color Conversion

Color Schemes with #af4def

Alternatives to #af4def

#af4def Preview

Shades and Tints of #af4def

Tones of #af4def

Color Blindness Simulator