#af69fb hex color

In a RGB color space, hex #af69fb is composed of 68.6% red, 41.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 58.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 268.8 degrees, a saturation of 94.8% and a lightness of 69.8%. #af69fb color hex could be obtained by blending #ffd2ff with #5f00f7. Closest websafe color is: #9966ff.

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

● #af69fb color description : Soft violet.

The hexadecimal color #af69fb has RGB values of R:175, G:105, B:251 and CMYK values of C:0.3, M:0.58, Y:0, K:0.02. Its decimal value is 11495931.

Hex triplet	af69fb	`#af69fb`
RGB Decimal	175, 105, 251	`rgb(175,105,251)`
RGB Percent	68.6, 41.2, 98.4	`rgb(68.6%,41.2%,98.4%)`
CMYK	30, 58, 0, 2
HSL	268.8°, 94.8, 69.8	`hsl(268.8,94.8%,69.8%)`
HSV (or HSB)	268.8°, 58.2, 98.4
Web Safe	9966ff	`#9966ff`

CIE-LAB	58.21, 55.263, -62.625
XYZ	40.141, 26.183, 94.201
xyY	0.25, 0.163, 26.183
CIE-LCH	58.21, 83.521, 311.426
CIE-LUV	58.21, 20.108, -105.176
Hunter-Lab	51.169, 50.483, -73.333
Binary	10101111, 01101001, 11111011

#af69fb
```
#af69fb rgb(175,105,251)
```
#b5fb69
```
#b5fb69 rgb(181,251,105)
```

Complementary Color

#696cfb
```
#696cfb rgb(105,108,251)
```
#af69fb
```
#af69fb rgb(175,105,251)
```
#f869fb
```
#f869fb rgb(248,105,251)
```

Analogous Color

#6cfb69
```
#6cfb69 rgb(108,251,105)
```
#af69fb
```
#af69fb rgb(175,105,251)
```
#fbf869
```
#fbf869 rgb(251,248,105)
```

Split Complementary Color

#69fbaf
```
#69fbaf rgb(105,251,175)
```
#af69fb
```
#af69fb rgb(175,105,251)
```
#fbaf69
```
#fbaf69 rgb(251,175,105)
```

Triadic Color

#69b5fb
```
#69b5fb rgb(105,181,251)
```
#af69fb
```
#af69fb rgb(175,105,251)
```
#fbaf69
```
#fbaf69 rgb(251,175,105)
```
#b5fb69
```
#b5fb69 rgb(181,251,105)
```

Tetradic Color

#871ef9
```
#871ef9 rgb(135,30,249)
```
#9537fa
```
#9537fa rgb(149,55,250)
```
#a250fa
```
#a250fa rgb(162,80,250)
```
#af69fb
```
#af69fb rgb(175,105,251)
```
#bc82fc
```
#bc82fc rgb(188,130,252)
```
#c99bfc
```
#c99bfc rgb(201,155,252)
```
#d7b4fd
```
#d7b4fd rgb(215,180,253)
```

Monochromatic Color

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

#8b69fb
```
#8b69fb rgb(139,105,251)
```
#9769fb
```
#9769fb rgb(151,105,251)
```
#a369fb
```
#a369fb rgb(163,105,251)
```
#af69fb
```
#af69fb rgb(175,105,251)
```
#bb69fb
```
#bb69fb rgb(187,105,251)
```
#c769fb
```
#c769fb rgb(199,105,251)
```
#d469fb
```
#d469fb rgb(212,105,251)
```

Similar Colors

Text with hexadecimal color #af69fb

This text has a font color of #af69fb.

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

#af69fb background color

This paragraph has a background color of #af69fb.

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

#af69fb border color

This element has a border color of #af69fb.

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

CSS codes

.text {color:#af69fb;}

.background {background-color:#af69fb;}

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

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

#010003
```
#010003 rgb(1,0,3)
```
#0b0116
```
#0b0116 rgb(11,1,22)
```
#140129
```
#140129 rgb(20,1,41)
```
#1e023c
```
#1e023c rgb(30,2,60)
```
#27024f
```
#27024f rgb(39,2,79)
```
#310362
```
#310362 rgb(49,3,98)
```
#3a0375
```
#3a0375 rgb(58,3,117)
```
#430489
```
#430489 rgb(67,4,137)
```
#4d049c
```
#4d049c rgb(77,4,156)
```
#5605af
```
#5605af rgb(86,5,175)
```
#6005c2
```
#6005c2 rgb(96,5,194)
```
#6906d5
```
#6906d5 rgb(105,6,213)
```
#7306e8
```
#7306e8 rgb(115,6,232)
```

Shade Color Variation

#7c09f8
```
#7c09f8 rgb(124,9,248)
```
#861df9
```
#861df9 rgb(134,29,249)
```
#9030f9
```
#9030f9 rgb(144,48,249)
```
#9b43fa
```
#9b43fa rgb(155,67,250)
```
#a556fa
```
#a556fa rgb(165,86,250)
```
#af69fb
```
#af69fb rgb(175,105,251)
```
#b97cfc
```
#b97cfc rgb(185,124,252)
```
#c38ffc
```
#c38ffc rgb(195,143,252)
```
#cea2fd
```
#cea2fd rgb(206,162,253)
```
#d8b5fd
```
#d8b5fd rgb(216,181,253)
```
#e2c9fe
```
#e2c9fe rgb(226,201,254)
```
#ecdcfe
```
#ecdcfe rgb(236,220,254)
```
#f6efff
```
#f6efff rgb(246,239,255)
```

Tint Color Variation

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

#b2b0b4
```
#b2b0b4 rgb(178,176,180)
```
#b2aaba
```
#b2aaba rgb(178,170,186)
```
#b1a4c0
```
#b1a4c0 rgb(177,164,192)
```
#b19ec6
```
#b19ec6 rgb(177,158,198)
```
#b198cc
```
#b198cc rgb(177,152,204)
```
#b192d2
```
#b192d2 rgb(177,146,210)
```
#b08dd7
```
#b08dd7 rgb(176,141,215)
```
#b087dd
```
#b087dd rgb(176,135,221)
```
#b081e3
```
#b081e3 rgb(176,129,227)
```
#b07be9
```
#b07be9 rgb(176,123,233)
```
#af75ef
```
#af75ef rgb(175,117,239)
```
#af6ff5
```
#af6ff5 rgb(175,111,245)
```
#af69fb
```
#af69fb rgb(175,105,251)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9587a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8eff Protanopia 1% of men
#4093ee Deuteranopia 1% of men
#9c8d97 Tritanopia 0.001% of the population

Trichromacy

#7280fd Protanomaly 1% of men, 0.01% of women
#6884f3 Deuteranomaly 6% of men, 0.4% of women
#a380bb Tritanomaly 0.01% of the population

#af69fb hex color

#af69fb Color Information

#af69fb Color Conversion

Color Schemes with #af69fb

Alternatives to #af69fb

#af69fb Preview

Shades and Tints of #af69fb

Tones of #af69fb

Color Blindness Simulator