#af4ffb hex color

In a RGB color space, hex #af4ffb is composed of 68.6% red, 31% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 68.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 273.5 degrees, a saturation of 95.6% and a lightness of 64.7%. #af4ffb color hex could be obtained by blending #ff9eff with #5f00f7. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 31
- B 98
RGB color chart
- C 30
- M 69
- Y 0
- K 2
CMYK color chart

● #af4ffb color description : Soft violet.

The hexadecimal color #af4ffb has RGB values of R:175, G:79, B:251 and CMYK values of C:0.3, M:0.69, Y:0, K:0.02. Its decimal value is 11489275.

Hex triplet	af4ffb	`#af4ffb`
RGB Decimal	175, 79, 251	`rgb(175,79,251)`
RGB Percent	68.6, 31, 98.4	`rgb(68.6%,31%,98.4%)`
CMYK	30, 69, 0, 2
HSL	273.5°, 95.6, 64.7	`hsl(273.5,95.6%,64.7%)`
HSV (or HSB)	273.5°, 68.5, 98.4
Web Safe	9966ff	`#9966ff`

CIE-LAB	53.677, 67.64, -69.932
XYZ	37.885, 21.672, 93.449
xyY	0.248, 0.142, 21.672
CIE-LCH	53.677, 97.291, 314.045
CIE-LUV	53.677, 26.325, -115.238
Hunter-Lab	46.553, 63.798, -86.43
Binary	10101111, 01001111, 11111011

#af4ffb
```
#af4ffb rgb(175,79,251)
```
#9bfb4f
```
#9bfb4f rgb(155,251,79)
```

Complementary Color

#594ffb
```
#594ffb rgb(89,79,251)
```
#af4ffb
```
#af4ffb rgb(175,79,251)
```
#fb4ff1
```
#fb4ff1 rgb(251,79,241)
```

Analogous Color

#4ffb59
```
#4ffb59 rgb(79,251,89)
```
#af4ffb
```
#af4ffb rgb(175,79,251)
```
#f1fb4f
```
#f1fb4f rgb(241,251,79)
```

Split Complementary Color

#4ffbaf
```
#4ffbaf rgb(79,251,175)
```
#af4ffb
```
#af4ffb rgb(175,79,251)
```
#fbaf4f
```
#fbaf4f rgb(251,175,79)
```

Triadic Color

#4f9bfb
```
#4f9bfb rgb(79,155,251)
```
#af4ffb
```
#af4ffb rgb(175,79,251)
```
#fbaf4f
```
#fbaf4f rgb(251,175,79)
```
#9bfb4f
```
#9bfb4f rgb(155,251,79)
```

Tetradic Color

#8d06f8
```
#8d06f8 rgb(141,6,248)
```
#981dfa
```
#981dfa rgb(152,29,250)
```
#a436fa
```
#a436fa rgb(164,54,250)
```
#af4ffb
```
#af4ffb rgb(175,79,251)
```
#ba68fc
```
#ba68fc rgb(186,104,252)
```
#c681fc
```
#c681fc rgb(198,129,252)
```
#d19afd
```
#d19afd rgb(209,154,253)
```

Monochromatic Color

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

#844ffb
```
#844ffb rgb(132,79,251)
```
#924ffb
```
#924ffb rgb(146,79,251)
```
#a14ffb
```
#a14ffb rgb(161,79,251)
```
#af4ffb
```
#af4ffb rgb(175,79,251)
```
#bd4ffb
```
#bd4ffb rgb(189,79,251)
```
#cc4ffb
```
#cc4ffb rgb(204,79,251)
```
#da4ffb
```
#da4ffb rgb(218,79,251)
```

Similar Colors

Text with hexadecimal color #af4ffb

This text has a font color of #af4ffb.

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

#af4ffb background color

This paragraph has a background color of #af4ffb.

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

#af4ffb border color

This element has a border color of #af4ffb.

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

CSS codes

.text {color:#af4ffb;}

.background {background-color:#af4ffb;}

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

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

#090010
```
#090010 rgb(9,0,16)
```
#140123
```
#140123 rgb(20,1,35)
```
#1f0136
```
#1f0136 rgb(31,1,54)
```
#2a0249
```
#2a0249 rgb(42,2,73)
```
#35025d
```
#35025d rgb(53,2,93)
```
#3f0370
```
#3f0370 rgb(63,3,112)
```
#4a0383
```
#4a0383 rgb(74,3,131)
```
#550396
```
#550396 rgb(85,3,150)
```
#6004a9
```
#6004a9 rgb(96,4,169)
```
#6b04bc
```
#6b04bc rgb(107,4,188)
```
#7605d0
```
#7605d0 rgb(118,5,208)
```
#8105e3
```
#8105e3 rgb(129,5,227)
```
#8c06f6
```
#8c06f6 rgb(140,6,246)
```

Shade Color Variation

#9515fa
```
#9515fa rgb(149,21,250)
```
#9e29fa
```
#9e29fa rgb(158,41,250)
```
#a63cfb
```
#a63cfb rgb(166,60,251)
```
#af4ffb
```
#af4ffb rgb(175,79,251)
```
#b862fb
```
#b862fb rgb(184,98,251)
```
#c075fc
```
#c075fc rgb(192,117,252)
```
#c989fc
```
#c989fc rgb(201,137,252)
```
#d29cfd
```
#d29cfd rgb(210,156,253)
```
#dbaffd
```
#dbaffd rgb(219,175,253)
```
#e3c2fe
```
#e3c2fe rgb(227,194,254)
```
#ecd5fe
```
#ecd5fe rgb(236,213,254)
```
#f5e8fe
```
#f5e8fe rgb(245,232,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#a5a2a8
```
#a5a2a8 rgb(165,162,168)
```
#a69baf
```
#a69baf rgb(166,155,175)
```
#a794b6
```
#a794b6 rgb(167,148,182)
```
#a88dbd
```
#a88dbd rgb(168,141,189)
```
#a986c4
```
#a986c4 rgb(169,134,196)
```
#a97fcb
```
#a97fcb rgb(169,127,203)
```
#aa79d1
```
#aa79d1 rgb(170,121,209)
```
#ab72d8
```
#ab72d8 rgb(171,114,216)
```
#ac6bdf
```
#ac6bdf rgb(172,107,223)
```
#ad64e6
```
#ad64e6 rgb(173,100,230)
```
#ad5ded
```
#ad5ded rgb(173,93,237)
```
#ae56f4
```
#ae56f4 rgb(174,86,244)
```
#af4ffb
```
#af4ffb rgb(175,79,251)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#897598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1182ff Protanopia 1% of men
#0089e3 Deuteranopia 1% of men
#9a8089 Tritanopia 0.001% of the population

Trichromacy

#4a6ffd Protanomaly 1% of men, 0.01% of women
#3f74ec Deuteranomaly 6% of men, 0.4% of women
#a16eb2 Tritanomaly 0.01% of the population

#af4ffb hex color

#af4ffb Color Information

#af4ffb Color Conversion

Color Schemes with #af4ffb

Alternatives to #af4ffb

#af4ffb Preview

Shades and Tints of #af4ffb

Tones of #af4ffb

Color Blindness Simulator