colorhexa.com

#af5ffb hex color

In a RGB color space, hex #af5ffb is composed of 68.6% red, 37.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 62.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 270.8 degrees, a saturation of 95.1% and a lightness of 67.8%. #af5ffb color hex could be obtained by blending #ffbeff with #5f00f7. Closest websafe color is: #9966ff.

- R 69
- G 37
- B 98
RGB color chart
- C 30
- M 62
- Y 0
- K 2
CMYK color chart

● #af5ffb color description : Soft violet.

The hexadecimal color #af5ffb has RGB values of R:175, G:95, B:251 and CMYK values of C:0.3, M:0.62, Y:0, K:0.02. Its decimal value is 11493371.

Hex triplet	af5ffb	`#af5ffb`
RGB Decimal	175, 95, 251	`rgb(175,95,251)`
RGB Percent	68.6, 37.3, 98.4	`rgb(68.6%,37.3%,98.4%)`
CMYK	30, 62, 0, 2
HSL	270.8°, 95.1, 67.8	`hsl(270.8,95.1%,67.8%)`
HSV (or HSB)	270.8°, 62.2, 98.4
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.351, 60.262, -65.614
XYZ	39.181, 24.264, 93.881
xyY	0.249, 0.154, 24.264
CIE-LCH	56.351, 89.088, 312.566
CIE-LUV	56.351, 22.731, -109.474
Hunter-Lab	49.258, 55.781, -78.519
Binary	10101111, 01011111, 11111011

#af5ffb
```
#af5ffb rgb(175,95,251)
```
#abfb5f
```
#abfb5f rgb(171,251,95)
```

Complementary Color

#615ffb
```
#615ffb rgb(97,95,251)
```
#af5ffb
```
#af5ffb rgb(175,95,251)
```
#fb5ff9
```
#fb5ff9 rgb(251,95,249)
```

Analogous Color

#5ffb61
```
#5ffb61 rgb(95,251,97)
```
#af5ffb
```
#af5ffb rgb(175,95,251)
```
#f9fb5f
```
#f9fb5f rgb(249,251,95)
```

Split Complementary Color

#5ffbaf
```
#5ffbaf rgb(95,251,175)
```
#af5ffb
```
#af5ffb rgb(175,95,251)
```
#fbaf5f
```
#fbaf5f rgb(251,175,95)
```

Triadic Color

#5fabfb
```
#5fabfb rgb(95,171,251)
```
#af5ffb
```
#af5ffb rgb(175,95,251)
```
#fbaf5f
```
#fbaf5f rgb(251,175,95)
```
#abfb5f
```
#abfb5f rgb(171,251,95)
```

Tetradic Color

#8a14f9
```
#8a14f9 rgb(138,20,249)
```
#962dfa
```
#962dfa rgb(150,45,250)
```
#a346fa
```
#a346fa rgb(163,70,250)
```
#af5ffb
```
#af5ffb rgb(175,95,251)
```
#bb78fc
```
#bb78fc rgb(187,120,252)
```
#c891fc
```
#c891fc rgb(200,145,252)
```
#d4aafd
```
#d4aafd rgb(212,170,253)
```

Monochromatic Color

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

#885ffb
```
#885ffb rgb(136,95,251)
```
#955ffb
```
#955ffb rgb(149,95,251)
```
#a25ffb
```
#a25ffb rgb(162,95,251)
```
#af5ffb
```
#af5ffb rgb(175,95,251)
```
#bc5ffb
```
#bc5ffb rgb(188,95,251)
```
#c95ffb
```
#c95ffb rgb(201,95,251)
```
#d65ffb
```
#d65ffb rgb(214,95,251)
```

Similar Colors

Text with hexadecimal color #af5ffb

This text has a font color of #af5ffb.

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

#af5ffb background color

This paragraph has a background color of #af5ffb.

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

#af5ffb border color

This element has a border color of #af5ffb.

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

CSS codes

.text {color:#af5ffb;}

.background {background-color:#af5ffb;}

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

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, #06000c is the darkest color, while #fcf8ff is the lightest one.

#06000c
```
#06000c rgb(6,0,12)
```
#10011f
```
#10011f rgb(16,1,31)
```
#1b0133
```
#1b0133 rgb(27,1,51)
```
#250246
```
#250246 rgb(37,2,70)
```
#2f0259
```
#2f0259 rgb(47,2,89)
```
#39036c
```
#39036c rgb(57,3,108)
```
#43037f
```
#43037f rgb(67,3,127)
```
#4d0492
```
#4d0492 rgb(77,4,146)
```
#5704a5
```
#5704a5 rgb(87,4,165)
```
#6105b8
```
#6105b8 rgb(97,5,184)
```
#6b05cc
```
#6b05cc rgb(107,5,204)
```
#7506df
```
#7506df rgb(117,6,223)
```
#7f06f2
```
#7f06f2 rgb(127,6,242)
```

Shade Color Variation

#8912f9
```
#8912f9 rgb(137,18,249)
```
#9226fa
```
#9226fa rgb(146,38,250)
```
#9c39fa
```
#9c39fa rgb(156,57,250)
```
#a54cfb
```
#a54cfb rgb(165,76,251)
```
#af5ffb
```
#af5ffb rgb(175,95,251)
```
#b972fb
```
#b972fb rgb(185,114,251)
```
#c285fc
```
#c285fc rgb(194,133,252)
```
#cc98fc
```
#cc98fc rgb(204,152,252)
```
#d5acfd
```
#d5acfd rgb(213,172,253)
```
#dfbffd
```
#dfbffd rgb(223,191,253)
```
#e8d2fe
```
#e8d2fe rgb(232,210,254)
```
#f2e5fe
```
#f2e5fe rgb(242,229,254)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#adabaf
```
#adabaf rgb(173,171,175)
```
#ada4b6
```
#ada4b6 rgb(173,164,182)
```
#ad9ebc
```
#ad9ebc rgb(173,158,188)
```
#ae98c2
```
#ae98c2 rgb(174,152,194)
```
#ae91c9
```
#ae91c9 rgb(174,145,201)
```
#ae8bcf
```
#ae8bcf rgb(174,139,207)
```
#ae85d5
```
#ae85d5 rgb(174,133,213)
```
#ae7fdb
```
#ae7fdb rgb(174,127,219)
```
#ae78e2
```
#ae78e2 rgb(174,120,226)
```
#af72e8
```
#af72e8 rgb(175,114,232)
```
#af6cee
```
#af6cee rgb(175,108,238)
```
#af65f5
```
#af65f5 rgb(175,101,245)
```
#af5ffb
```
#af5ffb rgb(175,95,251)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9181a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f89ff Protanopia 1% of men
#278fed Deuteranopia 1% of men
#9b8891 Tritanopia 0.001% of the population

Trichromacy

#687afd Protanomaly 1% of men, 0.01% of women
#587df2 Deuteranomaly 6% of men, 0.4% of women
#a279b8 Tritanomaly 0.01% of the population