#af4bec hex color

In a RGB color space, hex #af4bec is composed of 68.6% red, 29.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 68.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 277.3 degrees, a saturation of 80.9% and a lightness of 61%. #af4bec color hex could be obtained by blending #ff96ff with #5f00d9. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 29
- B 93
RGB color chart
- C 26
- M 68
- Y 0
- K 7
CMYK color chart

● #af4bec color description : Soft violet.

The hexadecimal color #af4bec has RGB values of R:175, G:75, B:236 and CMYK values of C:0.26, M:0.68, Y:0, K:0.07. Its decimal value is 11488236.

Hex triplet	af4bec	`#af4bec`
RGB Decimal	175, 75, 236	`rgb(175,75,236)`
RGB Percent	68.6, 29.4, 92.5	`rgb(68.6%,29.4%,92.5%)`
CMYK	26, 68, 0, 7
HSL	277.3°, 80.9, 61	`hsl(277.3,80.9%,61%)`
HSV (or HSB)	277.3°, 68.2, 92.5
Web Safe	9933ff	`#9933ff`

CIE-LAB	52.066, 66.128, -64.155
XYZ	35.333, 20.203, 81.391
xyY	0.258, 0.148, 20.203
CIE-LCH	52.066, 92.135, 315.868
CIE-LUV	52.066, 30.304, -105.734
Hunter-Lab	44.948, 61.66, -75.897
Binary	10101111, 01001011, 11101100

#af4bec
```
#af4bec rgb(175,75,236)
```
#88ec4b
```
#88ec4b rgb(136,236,75)
```

Complementary Color

#5e4bec
```
#5e4bec rgb(94,75,236)
```
#af4bec
```
#af4bec rgb(175,75,236)
```
#ec4bd9
```
#ec4bd9 rgb(236,75,217)
```

Analogous Color

#4bec5e
```
#4bec5e rgb(75,236,94)
```
#af4bec
```
#af4bec rgb(175,75,236)
```
#d9ec4b
```
#d9ec4b rgb(217,236,75)
```

Split Complementary Color

#4becaf
```
#4becaf rgb(75,236,175)
```
#af4bec
```
#af4bec rgb(175,75,236)
```
#ecaf4b
```
#ecaf4b rgb(236,175,75)
```

Triadic Color

#4b88ec
```
#4b88ec rgb(75,136,236)
```
#af4bec
```
#af4bec rgb(175,75,236)
```
#ecaf4b
```
#ecaf4b rgb(236,175,75)
```
#88ec4b
```
#88ec4b rgb(136,236,75)
```

Tetradic Color

#8c16d4
```
#8c16d4 rgb(140,22,212)
```
#9a1de7
```
#9a1de7 rgb(154,29,231)
```
#a534ea
```
#a534ea rgb(165,52,234)
```
#af4bec
```
#af4bec rgb(175,75,236)
```
#b962ee
```
#b962ee rgb(185,98,238)
```
#c479f1
```
#c479f1 rgb(196,121,241)
```
#ce90f3
```
#ce90f3 rgb(206,144,243)
```

Monochromatic Color

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

#874bec
```
#874bec rgb(135,75,236)
```
#944bec
```
#944bec rgb(148,75,236)
```
#a24bec
```
#a24bec rgb(162,75,236)
```
#af4bec
```
#af4bec rgb(175,75,236)
```
#bc4bec
```
#bc4bec rgb(188,75,236)
```
#ca4bec
```
#ca4bec rgb(202,75,236)
```
#d74bec
```
#d74bec rgb(215,75,236)
```

Similar Colors

Text with hexadecimal color #af4bec

This text has a font color of #af4bec.

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

#af4bec background color

This paragraph has a background color of #af4bec.

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

#af4bec border color

This element has a border color of #af4bec.

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

CSS codes

.text {color:#af4bec;}

.background {background-color:#af4bec;}

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

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

#0a020f
```
#0a020f rgb(10,2,15)
```
#160321
```
#160321 rgb(22,3,33)
```
#210533
```
#210533 rgb(33,5,51)
```
#2d0744
```
#2d0744 rgb(45,7,68)
```
#390956
```
#390956 rgb(57,9,86)
```
#450b68
```
#450b68 rgb(69,11,104)
```
#500d7a
```
#500d7a rgb(80,13,122)
```
#5c0f8b
```
#5c0f8b rgb(92,15,139)
```
#68119d
```
#68119d rgb(104,17,157)
```
#7412af
```
#7412af rgb(116,18,175)
```
#7f14c1
```
#7f14c1 rgb(127,20,193)
```
#8b16d2
```
#8b16d2 rgb(139,22,210)
```
#9718e4
```
#9718e4 rgb(151,24,228)
```

Shade Color Variation

#9f28e8
```
#9f28e8 rgb(159,40,232)
```
#a739ea
```
#a739ea rgb(167,57,234)
```
#af4bec
```
#af4bec rgb(175,75,236)
```
#b75dee
```
#b75dee rgb(183,93,238)
```
#bf6ef0
```
#bf6ef0 rgb(191,110,240)
```
#c780f2
```
#c780f2 rgb(199,128,242)
```
#cf92f3
```
#cf92f3 rgb(207,146,243)
```
#d6a4f5
```
#d6a4f5 rgb(214,164,245)
```
#deb5f7
```
#deb5f7 rgb(222,181,247)
```
#e6c7f9
```
#e6c7f9 rgb(230,199,249)
```
#eed9fb
```
#eed9fb rgb(238,217,251)
```
#f6ebfd
```
#f6ebfd rgb(246,235,253)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#9c989f
```
#9c989f rgb(156,152,159)
```
#9e90a7
```
#9e90a7 rgb(158,144,167)
```
#a088af
```
#a088af rgb(160,136,175)
```
#a281b6
```
#a281b6 rgb(162,129,182)
```
#a479be
```
#a479be rgb(164,121,190)
```
#a671c6
```
#a671c6 rgb(166,113,198)
```
#a86acd
```
#a86acd rgb(168,106,205)
```
#a962d5
```
#a962d5 rgb(169,98,213)
```
#ab5add
```
#ab5add rgb(171,90,221)
```
#ad53e4
```
#ad53e4 rgb(173,83,228)
```
#af4bec
```
#af4bec rgb(175,75,236)
```
#b143f4
```
#b143f4 rgb(177,67,244)
```
#b33cfb
```
#b33cfb rgb(179,60,251)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff8 Protanopia 1% of men
#1a84dd Deuteranopia 1% of men
#9d7981 Tritanopia 0.001% of the population

Trichromacy

#3f6cf3 Protanomaly 1% of men, 0.01% of women
#506fe2 Deuteranomaly 6% of men, 0.4% of women
#a468a8 Tritanomaly 0.01% of the population

#af4bec hex color

#af4bec Color Information

#af4bec Color Conversion

Color Schemes with #af4bec

Alternatives to #af4bec

#af4bec Preview

Shades and Tints of #af4bec

Tones of #af4bec

Color Blindness Simulator