#af95f4 hex color

In a RGB color space, hex #af95f4 is composed of 68.6% red, 58.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 38.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 256.4 degrees, a saturation of 81.2% and a lightness of 77.1%. #af95f4 color hex could be obtained by blending #ffffff with #5f2be9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 58
- B 96
RGB color chart
- C 28
- M 39
- Y 0
- K 4
CMYK color chart

● #af95f4 color description : Very soft violet.

The hexadecimal color #af95f4 has RGB values of R:175, G:149, B:244 and CMYK values of C:0.28, M:0.39, Y:0, K:0.04. Its decimal value is 11507188.

Hex triplet	af95f4	`#af95f4`
RGB Decimal	175, 149, 244	`rgb(175,149,244)`
RGB Percent	68.6, 58.4, 95.7	`rgb(68.6%,58.4%,95.7%)`
CMYK	28, 39, 0, 4
HSL	256.4°, 81.2, 77.1	`hsl(256.4,81.2%,77.1%)`
HSV (or HSB)	256.4°, 38.9, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.382, 29.577, -44.208
XYZ	44.753, 37.14, 90.394
xyY	0.26, 0.216, 37.14
CIE-LCH	67.382, 53.19, 303.784
CIE-LUV	67.382, 6.311, -74.864
Hunter-Lab	60.943, 24.43, -45.282
Binary	10101111, 10010101, 11110100

#af95f4
```
#af95f4 rgb(175,149,244)
```
#daf495
```
#daf495 rgb(218,244,149)
```

Complementary Color

#95abf4
```
#95abf4 rgb(149,171,244)
```
#af95f4
```
#af95f4 rgb(175,149,244)
```
#df95f4
```
#df95f4 rgb(223,149,244)
```

Analogous Color

#abf495
```
#abf495 rgb(171,244,149)
```
#af95f4
```
#af95f4 rgb(175,149,244)
```
#f4df95
```
#f4df95 rgb(244,223,149)
```

Split Complementary Color

#95f4af
```
#95f4af rgb(149,244,175)
```
#af95f4
```
#af95f4 rgb(175,149,244)
```
#f4af95
```
#f4af95 rgb(244,175,149)
```

Triadic Color

#95daf4
```
#95daf4 rgb(149,218,244)
```
#af95f4
```
#af95f4 rgb(175,149,244)
```
#f4af95
```
#f4af95 rgb(244,175,149)
```
#daf495
```
#daf495 rgb(218,244,149)
```

Tetradic Color

#7b50ed
```
#7b50ed rgb(123,80,237)
```
#8c67ef
```
#8c67ef rgb(140,103,239)
```
#9e7ef2
```
#9e7ef2 rgb(158,126,242)
```
#af95f4
```
#af95f4 rgb(175,149,244)
```
#c0acf6
```
#c0acf6 rgb(192,172,246)
```
#d2c3f9
```
#d2c3f9 rgb(210,195,249)
```
#e3dafb
```
#e3dafb rgb(227,218,251)
```

Monochromatic Color

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

#9795f4
```
#9795f4 rgb(151,149,244)
```
#9f95f4
```
#9f95f4 rgb(159,149,244)
```
#a795f4
```
#a795f4 rgb(167,149,244)
```
#af95f4
```
#af95f4 rgb(175,149,244)
```
#b795f4
```
#b795f4 rgb(183,149,244)
```
#bf95f4
```
#bf95f4 rgb(191,149,244)
```
#c795f4
```
#c795f4 rgb(199,149,244)
```

Similar Colors

Text with hexadecimal color #af95f4

This text has a font color of #af95f4.

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

#af95f4 background color

This paragraph has a background color of #af95f4.

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

#af95f4 border color

This element has a border color of #af95f4.

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

CSS codes

.text {color:#af95f4;}

.background {background-color:#af95f4;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060212
```
#060212 rgb(6,2,18)
```
#0d0424
```
#0d0424 rgb(13,4,36)
```
#130636
```
#130636 rgb(19,6,54)
```
#190748
```
#190748 rgb(25,7,72)
```
#1f0959
```
#1f0959 rgb(31,9,89)
```
#250b6b
```
#250b6b rgb(37,11,107)
```
#2c0d7d
```
#2c0d7d rgb(44,13,125)
```
#320f8f
```
#320f8f rgb(50,15,143)
```
#3811a1
```
#3811a1 rgb(56,17,161)
```
#3e13b2
```
#3e13b2 rgb(62,19,178)
```
#4414c4
```
#4414c4 rgb(68,20,196)
```
#4b16d6
```
#4b16d6 rgb(75,22,214)
```

Shade Color Variation

#5119e7
```
#5119e7 rgb(81,25,231)
```
#5f2ae9
```
#5f2ae9 rgb(95,42,233)
```
#6c3ceb
```
#6c3ceb rgb(108,60,235)
```
#794eed
```
#794eed rgb(121,78,237)
```
#8760ee
```
#8760ee rgb(135,96,238)
```
#9471f0
```
#9471f0 rgb(148,113,240)
```
#a283f2
```
#a283f2 rgb(162,131,242)
```
#af95f4
```
#af95f4 rgb(175,149,244)
```
#bca7f6
```
#bca7f6 rgb(188,167,246)
```
#cab9f8
```
#cab9f8 rgb(202,185,248)
```
#d7cafa
```
#d7cafa rgb(215,202,250)
```
#e5dcfb
```
#e5dcfb rgb(229,220,251)
```
#f2eefd
```
#f2eefd rgb(242,238,253)
```

Tint Color Variation

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

#c3c2c7
```
#c3c2c7 rgb(195,194,199)
```
#c1becc
```
#c1becc rgb(193,190,204)
```
#bfb9d0
```
#bfb9d0 rgb(191,185,208)
```
#bdb5d5
```
#bdb5d5 rgb(189,181,213)
```
#bbb0d9
```
#bbb0d9 rgb(187,176,217)
```
#b9acde
```
#b9acde rgb(185,172,222)
```
#b7a7e2
```
#b7a7e2 rgb(183,167,226)
```
#b5a3e7
```
#b5a3e7 rgb(181,163,231)
```
#b39eeb
```
#b39eeb rgb(179,158,235)
```
#b19af0
```
#b19af0 rgb(177,154,240)
```
#af95f4
```
#af95f4 rgb(175,149,244)
```
#ad91f9
```
#ad91f9 rgb(173,145,249)
```
#ab8cfd
```
#ab8cfd rgb(171,140,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9a4b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a5fd Protanopia 1% of men
#87a7ef Deuteranopia 1% of men
#a4a8b4 Tritanopia 0.001% of the population

Trichromacy

#949ff9 Protanomaly 1% of men, 0.01% of women
#96a0f1 Deuteranomaly 6% of men, 0.4% of women
#a8a1cb Tritanomaly 0.01% of the population

#af95f4 hex color

#af95f4 Color Information

#af95f4 Color Conversion

Color Schemes with #af95f4

Alternatives to #af95f4

#af95f4 Preview

Shades and Tints of #af95f4

Tones of #af95f4

Color Blindness Simulator