#af2efc hex color

In a RGB color space, hex #af2efc is composed of 68.6% red, 18% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 81.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 277.6 degrees, a saturation of 97.2% and a lightness of 58.4%. #af2efc color hex could be obtained by blending #ff5cff with #5f00f9. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 18
- B 99
RGB color chart
- C 31
- M 82
- Y 0
- K 1
CMYK color chart

● #af2efc color description : Bright violet.

The hexadecimal color #af2efc has RGB values of R:175, G:46, B:252 and CMYK values of C:0.31, M:0.82, Y:0, K:0.01. Its decimal value is 11480828.

Hex triplet	af2efc	`#af2efc`
RGB Decimal	175, 46, 252	`rgb(175,46,252)`
RGB Percent	68.6, 18, 98.8	`rgb(68.6%,18%,98.8%)`
CMYK	31, 82, 0, 1
HSL	277.6°, 97.2, 58.4	`hsl(277.6,97.2%,58.4%)`
HSV (or HSB)	277.6°, 81.7, 98.8
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.614, 79.696, -77.091
XYZ	36.224, 18.097, 93.675
xyY	0.245, 0.122, 18.097
CIE-LCH	49.614, 110.88, 315.952
CIE-LUV	49.614, 31.145, -123.624
Hunter-Lab	42.541, 77.55, -100.779
Binary	10101111, 00101110, 11111100

#af2efc
```
#af2efc rgb(175,46,252)
```
#7bfc2e
```
#7bfc2e rgb(123,252,46)
```

Complementary Color

#482efc
```
#482efc rgb(72,46,252)
```
#af2efc
```
#af2efc rgb(175,46,252)
```
#fc2ee2
```
#fc2ee2 rgb(252,46,226)
```

Analogous Color

#2efc48
```
#2efc48 rgb(46,252,72)
```
#af2efc
```
#af2efc rgb(175,46,252)
```
#e2fc2e
```
#e2fc2e rgb(226,252,46)
```

Split Complementary Color

#2efcaf
```
#2efcaf rgb(46,252,175)
```
#af2efc
```
#af2efc rgb(175,46,252)
```
#fcaf2e
```
#fcaf2e rgb(252,175,46)
```

Triadic Color

#2e7bfc
```
#2e7bfc rgb(46,123,252)
```
#af2efc
```
#af2efc rgb(175,46,252)
```
#fcaf2e
```
#fcaf2e rgb(252,175,46)
```
#7bfc2e
```
#7bfc2e rgb(123,252,46)
```

Tetradic Color

#8a03da
```
#8a03da rgb(138,3,218)
```
#9a03f4
```
#9a03f4 rgb(154,3,244)
```
#a515fc
```
#a515fc rgb(165,21,252)
```
#af2efc
```
#af2efc rgb(175,46,252)
```
#b947fc
```
#b947fc rgb(185,71,252)
```
#c260fd
```
#c260fd rgb(194,96,253)
```
#cc79fd
```
#cc79fd rgb(204,121,253)
```

Monochromatic Color

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

#7c2efc
```
#7c2efc rgb(124,46,252)
```
#8d2efc
```
#8d2efc rgb(141,46,252)
```
#9e2efc
```
#9e2efc rgb(158,46,252)
```
#af2efc
```
#af2efc rgb(175,46,252)
```
#c02efc
```
#c02efc rgb(192,46,252)
```
#d12efc
```
#d12efc rgb(209,46,252)
```
#e32efc
```
#e32efc rgb(227,46,252)
```

Similar Colors

Text with hexadecimal color #af2efc

This text has a font color of #af2efc.

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

#af2efc background color

This paragraph has a background color of #af2efc.

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

#af2efc border color

This element has a border color of #af2efc.

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

CSS codes

.text {color:#af2efc;}

.background {background-color:#af2efc;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0f0017
```
#0f0017 rgb(15,0,23)
```
#1b012a
```
#1b012a rgb(27,1,42)
```
#27013e
```
#27013e rgb(39,1,62)
```
#330151
```
#330151 rgb(51,1,81)
```
#3f0164
```
#3f0164 rgb(63,1,100)
```
#4c0278
```
#4c0278 rgb(76,2,120)
```
#58028b
```
#58028b rgb(88,2,139)
```
#64029e
```
#64029e rgb(100,2,158)
```
#7003b2
```
#7003b2 rgb(112,3,178)
```
#7c03c5
```
#7c03c5 rgb(124,3,197)
```
#8903d8
```
#8903d8 rgb(137,3,216)
```
#9503ec
```
#9503ec rgb(149,3,236)
```

Shade Color Variation

#a007fb
```
#a007fb rgb(160,7,251)
```
#a81bfc
```
#a81bfc rgb(168,27,252)
```
#af2efc
```
#af2efc rgb(175,46,252)
```
#b641fc
```
#b641fc rgb(182,65,252)
```
#be55fd
```
#be55fd rgb(190,85,253)
```
#c568fd
```
#c568fd rgb(197,104,253)
```
#cd7bfd
```
#cd7bfd rgb(205,123,253)
```
#d48ffd
```
#d48ffd rgb(212,143,253)
```
#dba2fe
```
#dba2fe rgb(219,162,254)
```
#e3b5fe
```
#e3b5fe rgb(227,181,254)
```
#eac9fe
```
#eac9fe rgb(234,201,254)
```
#f2dcfe
```
#f2dcfe rgb(242,220,254)
```
#f9efff
```
#f9efff rgb(249,239,255)
```

Tint Color Variation

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

#96909a
```
#96909a rgb(150,144,154)
```
#9888a2
```
#9888a2 rgb(152,136,162)
```
#9a80aa
```
#9a80aa rgb(154,128,170)
```
#9c77b3
```
#9c77b3 rgb(156,119,179)
```
#9f6fbb
```
#9f6fbb rgb(159,111,187)
```
#a167c3
```
#a167c3 rgb(161,103,195)
```
#a35fcb
```
#a35fcb rgb(163,95,203)
```
#a557d3
```
#a557d3 rgb(165,87,211)
```
#a74fdb
```
#a74fdb rgb(167,79,219)
```
#a946e4
```
#a946e4 rgb(169,70,228)
```
#ab3eec
```
#ab3eec rgb(171,62,236)
```
#ad36f4
```
#ad36f4 rgb(173,54,244)
```
#af2efc
```
#af2efc rgb(175,46,252)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#97737b Tritanopia 0.001% of the population

Trichromacy

#3f5ef2 Protanomaly 1% of men, 0.01% of women
#3f62e0 Deuteranomaly 6% of men, 0.4% of women
#a05aaa Tritanomaly 0.01% of the population

#af2efc hex color

#af2efc Color Information

#af2efc Color Conversion

Color Schemes with #af2efc

Alternatives to #af2efc

#af2efc Preview

Shades and Tints of #af2efc

Tones of #af2efc

Color Blindness Simulator