colorhexa.com

#af05f8 hex color

In a RGB color space, hex #af05f8 is composed of 68.6% red, 2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 98% magenta, 0% yellow and 2.7% black. It has a hue angle of 282 degrees, a saturation of 96% and a lightness of 49.6%. #af05f8 color hex could be obtained by blending #ff0aff with #5f00f1. Closest websafe color is: #9900ff.

- R 69
- G 2
- B 97
RGB color chart
- C 29
- M 98
- Y 0
- K 3
CMYK color chart

● #af05f8 color description : Vivid violet.

The hexadecimal color #af05f8 has RGB values of R:175, G:5, B:248 and CMYK values of C:0.29, M:0.98, Y:0, K:0.03. Its decimal value is 11470328.

Hex triplet	af05f8	`#af05f8`
RGB Decimal	175, 5, 248	`rgb(175,5,248)`
RGB Percent	68.6, 2, 97.3	`rgb(68.6%,2%,97.3%)`
CMYK	29, 98, 0, 3
HSL	282°, 96, 49.6	`hsl(282,96%,49.6%)`
HSV (or HSB)	282°, 98, 97.3
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.976, 85.821, -79.163
XYZ	34.674, 16.001, 90.064
xyY	0.246, 0.114, 16.001
CIE-LCH	46.976, 116.756, 317.311
CIE-LUV	46.976, 34.631, -124.606
Hunter-Lab	40.001, 84.728, -105.493
Binary	10101111, 00000101, 11111000

#af05f8
```
#af05f8 rgb(175,5,248)
```
#4ef805
```
#4ef805 rgb(78,248,5)
```

Complementary Color

#3505f8
```
#3505f8 rgb(53,5,248)
```
#af05f8
```
#af05f8 rgb(175,5,248)
```
#f805c8
```
#f805c8 rgb(248,5,200)
```

Analogous Color

#05f836
```
#05f836 rgb(5,248,54)
```
#af05f8
```
#af05f8 rgb(175,5,248)
```
#c8f805
```
#c8f805 rgb(200,248,5)
```

Split Complementary Color

#05f8af
```
#05f8af rgb(5,248,175)
```
#af05f8
```
#af05f8 rgb(175,5,248)
```
#f8af05
```
#f8af05 rgb(248,175,5)
```

Triadic Color

#7a03ad
```
#7a03ad rgb(122,3,173)
```
#8c04c6
```
#8c04c6 rgb(140,4,198)
```
#9d04df
```
#9d04df rgb(157,4,223)
```
#af05f8
```
#af05f8 rgb(175,5,248)
```
#b81cfa
```
#b81cfa rgb(184,28,250)
```
#bf35fb
```
#bf35fb rgb(191,53,251)
```
#c74efb
```
#c74efb rgb(199,78,251)
```

Monochromatic Color

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

#7205f8
```
#7205f8 rgb(114,5,248)
```
#8705f8
```
#8705f8 rgb(135,5,248)
```
#9b05f8
```
#9b05f8 rgb(155,5,248)
```
#af05f8
```
#af05f8 rgb(175,5,248)
```
#c305f8
```
#c305f8 rgb(195,5,248)
```
#d805f8
```
#d805f8 rgb(216,5,248)
```
#ec05f8
```
#ec05f8 rgb(236,5,248)
```

Similar Colors

Text with hexadecimal color #af05f8

This text has a font color of #af05f8.

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

#af05f8 background color

This paragraph has a background color of #af05f8.

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

#af05f8 border color

This element has a border color of #af05f8.

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

CSS codes

.text {color:#af05f8;}

.background {background-color:#af05f8;}

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

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, #0c0011 is the darkest color, while #fefdff is the lightest one.

#0c0011
```
#0c0011 rgb(12,0,17)
```
#1a0124
```
#1a0124 rgb(26,1,36)
```
#270138
```
#270138 rgb(39,1,56)
```
#35024b
```
#35024b rgb(53,2,75)
```
#42025e
```
#42025e rgb(66,2,94)
```
#500271
```
#500271 rgb(80,2,113)
```
#5e0385
```
#5e0385 rgb(94,3,133)
```
#6b0398
```
#6b0398 rgb(107,3,152)
```
#7903ab
```
#7903ab rgb(121,3,171)
```
#8604be
```
#8604be rgb(134,4,190)
```
#9404d2
```
#9404d2 rgb(148,4,210)
```
#a105e5
```
#a105e5 rgb(161,5,229)
```
#af05f8
```
#af05f8 rgb(175,5,248)
```

Shade Color Variation

#b616fa
```
#b616fa rgb(182,22,250)
```
#bc2afb
```
#bc2afb rgb(188,42,251)
```
#c23dfb
```
#c23dfb rgb(194,61,251)
```
#c850fb
```
#c850fb rgb(200,80,251)
```
#ce63fc
```
#ce63fc rgb(206,99,252)
```
#d476fc
```
#d476fc rgb(212,118,252)
```
#da8afd
```
#da8afd rgb(218,138,253)
```
#e09dfd
```
#e09dfd rgb(224,157,253)
```
#e6b0fd
```
#e6b0fd rgb(230,176,253)
```
#ecc3fe
```
#ecc3fe rgb(236,195,254)
```
#f2d7fe
```
#f2d7fe rgb(242,215,254)
```
#f8eaff
```
#f8eaff rgb(248,234,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#807a83
```
#807a83 rgb(128,122,131)
```
#84708d
```
#84708d rgb(132,112,141)
```
#886697
```
#886697 rgb(136,102,151)
```
#8c5da0
```
#8c5da0 rgb(140,93,160)
```
#9053aa
```
#9053aa rgb(144,83,170)
```
#9449b4
```
#9449b4 rgb(148,73,180)
```
#983fbe
```
#983fbe rgb(152,63,190)
```
#9c36c7
```
#9c36c7 rgb(156,54,199)
```
#9f2cd1
```
#9f2cd1 rgb(159,44,209)
```
#a322db
```
#a322db rgb(163,34,219)
```
#a718e5
```
#a718e5 rgb(167,24,229)
```
#ab0fee
```
#ab0fee rgb(171,15,238)
```
#af05f8
```
#af05f8 rgb(175,5,248)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#664475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c5 Deuteranopia 1% of men
#986a71 Tritanopia 0.001% of the population

Trichromacy

#3f4be8 Protanomaly 1% of men, 0.01% of women
#3f4fd8 Deuteranomaly 6% of men, 0.4% of women
#a045a2 Tritanomaly 0.01% of the population