#af2cfb hex color

In a RGB color space, hex #af2cfb is composed of 68.6% red, 17.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 82.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 278 degrees, a saturation of 96.3% and a lightness of 57.8%. #af2cfb color hex could be obtained by blending #ff58ff with #5f00f7. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 17
- B 98
RGB color chart
- C 30
- M 82
- Y 0
- K 2
CMYK color chart

● #af2cfb color description : Bright violet.

The hexadecimal color #af2cfb has RGB values of R:175, G:44, B:251 and CMYK values of C:0.3, M:0.82, Y:0, K:0.02. Its decimal value is 11480315.

Hex triplet	af2cfb	`#af2cfb`
RGB Decimal	175, 44, 251	`rgb(175,44,251)`
RGB Percent	68.6, 17.3, 98.4	`rgb(68.6%,17.3%,98.4%)`
CMYK	30, 82, 0, 2
HSL	278°, 96.3, 57.8	`hsl(278,96.3%,57.8%)`
HSV (or HSB)	278°, 82.5, 98.4
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.352, 80.041, -76.96
XYZ	35.99, 17.881, 92.817
xyY	0.245, 0.122, 17.881
CIE-LCH	49.352, 111.038, 316.124
CIE-LUV	49.352, 31.587, -123.269
Hunter-Lab	42.286, 77.921, -100.539
Binary	10101111, 00101100, 11111011

#af2cfb
```
#af2cfb rgb(175,44,251)
```
#78fb2c
```
#78fb2c rgb(120,251,44)
```

Complementary Color

#482cfb
```
#482cfb rgb(72,44,251)
```
#af2cfb
```
#af2cfb rgb(175,44,251)
```
#fb2ce0
```
#fb2ce0 rgb(251,44,224)
```

Analogous Color

#2cfb48
```
#2cfb48 rgb(44,251,72)
```
#af2cfb
```
#af2cfb rgb(175,44,251)
```
#e0fb2c
```
#e0fb2c rgb(224,251,44)
```

Split Complementary Color

#2cfbaf
```
#2cfbaf rgb(44,251,175)
```
#af2cfb
```
#af2cfb rgb(175,44,251)
```
#fbaf2c
```
#fbaf2c rgb(251,175,44)
```

Triadic Color

#2c78fb
```
#2c78fb rgb(44,120,251)
```
#af2cfb
```
#af2cfb rgb(175,44,251)
```
#fbaf2c
```
#fbaf2c rgb(251,175,44)
```
#78fb2c
```
#78fb2c rgb(120,251,44)
```

Tetradic Color

#8904d6
```
#8904d6 rgb(137,4,214)
```
#9905ef
```
#9905ef rgb(153,5,239)
```
#a613fb
```
#a613fb rgb(166,19,251)
```
#af2cfb
```
#af2cfb rgb(175,44,251)
```
#b845fb
```
#b845fb rgb(184,69,251)
```
#c25efc
```
#c25efc rgb(194,94,252)
```
#cb77fc
```
#cb77fc rgb(203,119,252)
```

Monochromatic Color

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

#7b2cfb
```
#7b2cfb rgb(123,44,251)
```
#8d2cfb
```
#8d2cfb rgb(141,44,251)
```
#9e2cfb
```
#9e2cfb rgb(158,44,251)
```
#af2cfb
```
#af2cfb rgb(175,44,251)
```
#c02cfb
```
#c02cfb rgb(192,44,251)
```
#d22cfb
```
#d22cfb rgb(210,44,251)
```
#e32cfb
```
#e32cfb rgb(227,44,251)
```

Similar Colors

Text with hexadecimal color #af2cfb

This text has a font color of #af2cfb.

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

#af2cfb background color

This paragraph has a background color of #af2cfb.

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

#af2cfb border color

This element has a border color of #af2cfb.

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

CSS codes

.text {color:#af2cfb;}

.background {background-color:#af2cfb;}

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

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 #f8edff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#0d0014
```
#0d0014 rgb(13,0,20)
```
#190127
```
#190127 rgb(25,1,39)
```
#25013b
```
#25013b rgb(37,1,59)
```
#32014e
```
#32014e rgb(50,1,78)
```
#3e0261
```
#3e0261 rgb(62,2,97)
```
#4a0274
```
#4a0274 rgb(74,2,116)
```
#570388
```
#570388 rgb(87,3,136)
```
#63039b
```
#63039b rgb(99,3,155)
```
#6f03ae
```
#6f03ae rgb(111,3,174)
```
#7c04c1
```
#7c04c1 rgb(124,4,193)
```
#8804d5
```
#8804d5 rgb(136,4,213)
```
#9404e8
```
#9404e8 rgb(148,4,232)
```

Shade Color Variation

#a005fa
```
#a005fa rgb(160,5,250)
```
#a819fb
```
#a819fb rgb(168,25,251)
```
#af2cfb
```
#af2cfb rgb(175,44,251)
```
#b63ffb
```
#b63ffb rgb(182,63,251)
```
#be53fc
```
#be53fc rgb(190,83,252)
```
#c566fc
```
#c566fc rgb(197,102,252)
```
#cc79fc
```
#cc79fc rgb(204,121,252)
```
#d38cfd
```
#d38cfd rgb(211,140,253)
```
#dba0fd
```
#dba0fd rgb(219,160,253)
```
#e2b3fe
```
#e2b3fe rgb(226,179,254)
```
#e9c6fe
```
#e9c6fe rgb(233,198,254)
```
#f1d9fe
```
#f1d9fe rgb(241,217,254)
```
#f8edff
```
#f8edff rgb(248,237,255)
```

Tint Color Variation

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

#958f98
```
#958f98 rgb(149,143,152)
```
#9787a0
```
#9787a0 rgb(151,135,160)
```
#997fa8
```
#997fa8 rgb(153,127,168)
```
#9b76b1
```
#9b76b1 rgb(155,118,177)
```
#9d6eb9
```
#9d6eb9 rgb(157,110,185)
```
#a066c1
```
#a066c1 rgb(160,102,193)
```
#a25ec9
```
#a25ec9 rgb(162,94,201)
```
#a455d2
```
#a455d2 rgb(164,85,210)
```
#a64dda
```
#a64dda rgb(166,77,218)
```
#a845e2
```
#a845e2 rgb(168,69,226)
```
#ab3dea
```
#ab3dea rgb(171,61,234)
```
#ad34f3
```
#ad34f3 rgb(173,52,243)
```
#af2cfb
```
#af2cfb rgb(175,44,251)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#795e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#98727a Tritanopia 0.001% of the population

Trichromacy

#3f5cf0 Protanomaly 1% of men, 0.01% of women
#3f60df Deuteranomaly 6% of men, 0.4% of women
#a058a9 Tritanomaly 0.01% of the population

#af2cfb hex color

#af2cfb Color Information

#af2cfb Color Conversion

Color Schemes with #af2cfb

Alternatives to #af2cfb

#af2cfb Preview

Shades and Tints of #af2cfb

Tones of #af2cfb

Color Blindness Simulator