#af7cf3 hex color

In a RGB color space, hex #af7cf3 is composed of 68.6% red, 48.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 49% magenta, 0% yellow and 4.7% black. It has a hue angle of 265.7 degrees, a saturation of 83.2% and a lightness of 72%. #af7cf3 color hex could be obtained by blending #fff8ff with #5f00e7. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 49
- B 95
RGB color chart
- C 28
- M 49
- Y 0
- K 5
CMYK color chart

● #af7cf3 color description : Soft violet.

The hexadecimal color #af7cf3 has RGB values of R:175, G:124, B:243 and CMYK values of C:0.28, M:0.49, Y:0, K:0.05. Its decimal value is 11500787.

Hex triplet	af7cf3	`#af7cf3`
RGB Decimal	175, 124, 243	`rgb(175,124,243)`
RGB Percent	68.6, 48.6, 95.3	`rgb(68.6%,48.6%,95.3%)`
CMYK	28, 49, 0, 5
HSL	265.7°, 83.2, 72	`hsl(265.7,83.2%,72%)`
HSV (or HSB)	265.7°, 49, 95.3
Web Safe	9966ff	`#9966ff`

CIE-LAB	61.655, 43.263, -52.702
XYZ	41.062, 30.001, 88.417
xyY	0.257, 0.188, 30.001
CIE-LCH	61.655, 68.185, 309.382
CIE-LUV	61.655, 15.491, -89.238
Hunter-Lab	54.773, 37.965, -57.367
Binary	10101111, 01111100, 11110011

#af7cf3
```
#af7cf3 rgb(175,124,243)
```
#c0f37c
```
#c0f37c rgb(192,243,124)
```

Complementary Color

#7c85f3
```
#7c85f3 rgb(124,133,243)
```
#af7cf3
```
#af7cf3 rgb(175,124,243)
```
#eb7cf3
```
#eb7cf3 rgb(235,124,243)
```

Analogous Color

#85f37c
```
#85f37c rgb(133,243,124)
```
#af7cf3
```
#af7cf3 rgb(175,124,243)
```
#f3eb7c
```
#f3eb7c rgb(243,235,124)
```

Split Complementary Color

#7cf3af
```
#7cf3af rgb(124,243,175)
```
#af7cf3
```
#af7cf3 rgb(175,124,243)
```
#f3af7c
```
#f3af7c rgb(243,175,124)
```

Triadic Color

#7cc0f3
```
#7cc0f3 rgb(124,192,243)
```
#af7cf3
```
#af7cf3 rgb(175,124,243)
```
#f3af7c
```
#f3af7c rgb(243,175,124)
```
#c0f37c
```
#c0f37c rgb(192,243,124)
```

Tetradic Color

#8436ed
```
#8436ed rgb(132,54,237)
```
#924def
```
#924def rgb(146,77,239)
```
#a165f1
```
#a165f1 rgb(161,101,241)
```
#af7cf3
```
#af7cf3 rgb(175,124,243)
```
#bd93f5
```
#bd93f5 rgb(189,147,245)
```
#ccabf7
```
#ccabf7 rgb(204,171,247)
```
#dac2f9
```
#dac2f9 rgb(218,194,249)
```

Monochromatic Color

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

#917cf3
```
#917cf3 rgb(145,124,243)
```
#9b7cf3
```
#9b7cf3 rgb(155,124,243)
```
#a57cf3
```
#a57cf3 rgb(165,124,243)
```
#af7cf3
```
#af7cf3 rgb(175,124,243)
```
#b97cf3
```
#b97cf3 rgb(185,124,243)
```
#c37cf3
```
#c37cf3 rgb(195,124,243)
```
#cd7cf3
```
#cd7cf3 rgb(205,124,243)
```

Similar Colors

Text with hexadecimal color #af7cf3

This text has a font color of #af7cf3.

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

#af7cf3 background color

This paragraph has a background color of #af7cf3.

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

#af7cf3 border color

This element has a border color of #af7cf3.

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

CSS codes

.text {color:#af7cf3;}

.background {background-color:#af7cf3;}

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

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, #06010d is the darkest color, while #fcfaff is the lightest one.

#06010d
```
#06010d rgb(6,1,13)
```
#0f031f
```
#0f031f rgb(15,3,31)
```
#170431
```
#170431 rgb(23,4,49)
```
#200643
```
#200643 rgb(32,6,67)
```
#290855
```
#290855 rgb(41,8,85)
```
#310967
```
#310967 rgb(49,9,103)
```
#3a0b79
```
#3a0b79 rgb(58,11,121)
```
#430d8b
```
#430d8b rgb(67,13,139)
```
#4b0e9d
```
#4b0e9d rgb(75,14,157)
```
#5410ae
```
#5410ae rgb(84,16,174)
```
#5d12c0
```
#5d12c0 rgb(93,18,192)
```
#6513d2
```
#6513d2 rgb(101,19,210)
```
#6e15e4
```
#6e15e4 rgb(110,21,228)
```

Shade Color Variation

#7822eb
```
#7822eb rgb(120,34,235)
```
#8334ec
```
#8334ec rgb(131,52,236)
```
#8e46ee
```
#8e46ee rgb(142,70,238)
```
#9958f0
```
#9958f0 rgb(153,88,240)
```
#a46af1
```
#a46af1 rgb(164,106,241)
```
#af7cf3
```
#af7cf3 rgb(175,124,243)
```
#ba8ef5
```
#ba8ef5 rgb(186,142,245)
```
#c5a0f6
```
#c5a0f6 rgb(197,160,246)
```
#d0b2f8
```
#d0b2f8 rgb(208,178,248)
```
#dbc4fa
```
#dbc4fa rgb(219,196,250)
```
#e6d6fb
```
#e6d6fb rgb(230,214,251)
```
#f1e8fd
```
#f1e8fd rgb(241,232,253)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#b7b3bc
```
#b7b3bc rgb(183,179,188)
```
#b6aec2
```
#b6aec2 rgb(182,174,194)
```
#b5a8c7
```
#b5a8c7 rgb(181,168,199)
```
#b5a3cd
```
#b5a3cd rgb(181,163,205)
```
#b49dd2
```
#b49dd2 rgb(180,157,210)
```
#b398d8
```
#b398d8 rgb(179,152,216)
```
#b292dd
```
#b292dd rgb(178,146,221)
```
#b18de3
```
#b18de3 rgb(177,141,227)
```
#b187e8
```
#b187e8 rgb(177,135,232)
```
#b082ee
```
#b082ee rgb(176,130,238)
```
#af7cf3
```
#af7cf3 rgb(175,124,243)
```
#ae77f9
```
#ae77f9 rgb(174,119,249)
```
#ad71fe
```
#ad71fe rgb(173,113,254)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9d93ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#6697ff Protanopia 1% of men
#689aeb Deuteranopia 1% of men
#a097a2 Tritanopia 0.001% of the population

Trichromacy

#818dfa Protanomaly 1% of men, 0.01% of women
#828fed Deuteranomaly 6% of men, 0.4% of women
#a58dbf Tritanomaly 0.01% of the population

#af7cf3 hex color

#af7cf3 Color Information

#af7cf3 Color Conversion

Color Schemes with #af7cf3

Alternatives to #af7cf3

#af7cf3 Preview

Shades and Tints of #af7cf3

Tones of #af7cf3

Color Blindness Simulator