#af69fd hex color

In a RGB color space, hex #af69fd is composed of 68.6% red, 41.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 58.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 268.4 degrees, a saturation of 97.4% and a lightness of 70.2%. #af69fd color hex could be obtained by blending #ffd2ff with #5f00fb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 41
- B 99
RGB color chart
- C 31
- M 58
- Y 0
- K 1
CMYK color chart

● #af69fd color description : Soft violet.

The hexadecimal color #af69fd has RGB values of R:175, G:105, B:253 and CMYK values of C:0.31, M:0.58, Y:0, K:0.01. Its decimal value is 11495933.

Hex triplet	af69fd	`#af69fd`
RGB Decimal	175, 105, 253	`rgb(175,105,253)`
RGB Percent	68.6, 41.2, 99.2	`rgb(68.6%,41.2%,99.2%)`
CMYK	31, 58, 0, 1
HSL	268.4°, 97.4, 70.2	`hsl(268.4,97.4%,70.2%)`
HSV (or HSB)	268.4°, 58.5, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	58.33, 55.732, -63.538
XYZ	40.458, 26.309, 95.87
xyY	0.249, 0.162, 26.309
CIE-LCH	58.33, 84.517, 311.256
CIE-LUV	58.33, 19.778, -106.692
Hunter-Lab	51.293, 51.032, -74.913
Binary	10101111, 01101001, 11111101

#af69fd
```
#af69fd rgb(175,105,253)
```
#b7fd69
```
#b7fd69 rgb(183,253,105)
```

Complementary Color

#696dfd
```
#696dfd rgb(105,109,253)
```
#af69fd
```
#af69fd rgb(175,105,253)
```
#f969fd
```
#f969fd rgb(249,105,253)
```

Analogous Color

#6dfd69
```
#6dfd69 rgb(109,253,105)
```
#af69fd
```
#af69fd rgb(175,105,253)
```
#fdf969
```
#fdf969 rgb(253,249,105)
```

Split Complementary Color

#69fdaf
```
#69fdaf rgb(105,253,175)
```
#af69fd
```
#af69fd rgb(175,105,253)
```
#fdaf69
```
#fdaf69 rgb(253,175,105)
```

Triadic Color

#69b7fd
```
#69b7fd rgb(105,183,253)
```
#af69fd
```
#af69fd rgb(175,105,253)
```
#fdaf69
```
#fdaf69 rgb(253,175,105)
```
#b7fd69
```
#b7fd69 rgb(183,253,105)
```

Tetradic Color

#871efc
```
#871efc rgb(135,30,252)
```
#9437fc
```
#9437fc rgb(148,55,252)
```
#a250fd
```
#a250fd rgb(162,80,253)
```
#af69fd
```
#af69fd rgb(175,105,253)
```
#bc82fd
```
#bc82fd rgb(188,130,253)
```
#ca9bfe
```
#ca9bfe rgb(202,155,254)
```
#d7b4fe
```
#d7b4fe rgb(215,180,254)
```

Monochromatic Color

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

#8a69fd
```
#8a69fd rgb(138,105,253)
```
#9669fd
```
#9669fd rgb(150,105,253)
```
#a369fd
```
#a369fd rgb(163,105,253)
```
#af69fd
```
#af69fd rgb(175,105,253)
```
#bb69fd
```
#bb69fd rgb(187,105,253)
```
#c869fd
```
#c869fd rgb(200,105,253)
```
#d469fd
```
#d469fd rgb(212,105,253)
```

Similar Colors

Text with hexadecimal color #af69fd

This text has a font color of #af69fd.

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

#af69fd background color

This paragraph has a background color of #af69fd.

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

#af69fd border color

This element has a border color of #af69fd.

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

CSS codes

.text {color:#af69fd;}

.background {background-color:#af69fd;}

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

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

#020005
```
#020005 rgb(2,0,5)
```
#0c0018
```
#0c0018 rgb(12,0,24)
```
#15012c
```
#15012c rgb(21,1,44)
```
#1e013f
```
#1e013f rgb(30,1,63)
```
#270152
```
#270152 rgb(39,1,82)
```
#310166
```
#310166 rgb(49,1,102)
```
#3a0279
```
#3a0279 rgb(58,2,121)
```
#43028c
```
#43028c rgb(67,2,140)
```
#4d02a0
```
#4d02a0 rgb(77,2,160)
```
#5602b3
```
#5602b3 rgb(86,2,179)
```
#5f03c6
```
#5f03c6 rgb(95,3,198)
```
#6903da
```
#6903da rgb(105,3,218)
```
#7203ed
```
#7203ed rgb(114,3,237)
```

Shade Color Variation

#7b08fc
```
#7b08fc rgb(123,8,252)
```
#861cfc
```
#861cfc rgb(134,28,252)
```
#902ffc
```
#902ffc rgb(144,47,252)
```
#9a42fc
```
#9a42fc rgb(154,66,252)
```
#a556fd
```
#a556fd rgb(165,86,253)
```
#af69fd
```
#af69fd rgb(175,105,253)
```
#b97cfd
```
#b97cfd rgb(185,124,253)
```
#c490fe
```
#c490fe rgb(196,144,254)
```
#cea3fe
```
#cea3fe rgb(206,163,254)
```
#d8b6fe
```
#d8b6fe rgb(216,182,254)
```
#e3cafe
```
#e3cafe rgb(227,202,254)
```
#edddff
```
#edddff rgb(237,221,255)
```
#f7f1ff
```
#f7f1ff rgb(247,241,255)
```

Tint Color Variation

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

#b3afb7
```
#b3afb7 rgb(179,175,183)
```
#b2a9bd
```
#b2a9bd rgb(178,169,189)
```
#b2a3c3
```
#b2a3c3 rgb(178,163,195)
```
#b29ec8
```
#b29ec8 rgb(178,158,200)
```
#b298ce
```
#b298ce rgb(178,152,206)
```
#b192d4
```
#b192d4 rgb(177,146,212)
```
#b18cda
```
#b18cda rgb(177,140,218)
```
#b186e0
```
#b186e0 rgb(177,134,224)
```
#b080e6
```
#b080e6 rgb(176,128,230)
```
#b07beb
```
#b07beb rgb(176,123,235)
```
#b075f1
```
#b075f1 rgb(176,117,241)
```
#af6ff7
```
#af6ff7 rgb(175,111,247)
```
#af69fd
```
#af69fd rgb(175,105,253)
```

Tone Color Variation

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

#508eff Protanopia 1% of men
#3c93f0 Deuteranopia 1% of men
#9b8e98 Tritanopia 0.001% of the population

Trichromacy

#7280fe Protanomaly 1% of men, 0.01% of women
#6684f5 Deuteranomaly 6% of men, 0.4% of women
#a280bd Tritanomaly 0.01% of the population

#af69fd hex color

#af69fd Color Information

#af69fd Color Conversion

Color Schemes with #af69fd

Alternatives to #af69fd

#af69fd Preview

Shades and Tints of #af69fd

Tones of #af69fd

Color Blindness Simulator