#af7bec hex color

In a RGB color space, hex #af7bec is composed of 68.6% red, 48.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 47.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 267.6 degrees, a saturation of 74.8% and a lightness of 70.4%. #af7bec color hex could be obtained by blending #fff6ff with #5f00d9. Closest websafe color is: #9966ff.

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

● #af7bec color description : Soft violet.

The hexadecimal color #af7bec has RGB values of R:175, G:123, B:236 and CMYK values of C:0.26, M:0.48, Y:0, K:0.07. Its decimal value is 11500524.

Hex triplet	af7bec	`#af7bec`
RGB Decimal	175, 123, 236	`rgb(175,123,236)`
RGB Percent	68.6, 48.2, 92.5	`rgb(68.6%,48.2%,92.5%)`
CMYK	26, 48, 0, 7
HSL	267.6°, 74.8, 70.4	`hsl(267.6,74.8%,70.4%)`
HSV (or HSB)	267.6°, 47.9, 92.5
Web Safe	9966ff	`#9966ff`

CIE-LAB	61.077, 42.152, -49.743
XYZ	39.9, 29.336, 82.913
xyY	0.262, 0.193, 29.336
CIE-LCH	61.077, 65.201, 310.278
CIE-LUV	61.077, 16.821, -84.166
Hunter-Lab	54.163, 36.709, -52.847
Binary	10101111, 01111011, 11101100

#af7bec
```
#af7bec rgb(175,123,236)
```
#b8ec7b
```
#b8ec7b rgb(184,236,123)
```

Complementary Color

#7b80ec
```
#7b80ec rgb(123,128,236)
```
#af7bec
```
#af7bec rgb(175,123,236)
```
#e87bec
```
#e87bec rgb(232,123,236)
```

Analogous Color

#80ec7b
```
#80ec7b rgb(128,236,123)
```
#af7bec
```
#af7bec rgb(175,123,236)
```
#ece87b
```
#ece87b rgb(236,232,123)
```

Split Complementary Color

#7becaf
```
#7becaf rgb(123,236,175)
```
#af7bec
```
#af7bec rgb(175,123,236)
```
#ecaf7b
```
#ecaf7b rgb(236,175,123)
```

Triadic Color

#7bb8ec
```
#7bb8ec rgb(123,184,236)
```
#af7bec
```
#af7bec rgb(175,123,236)
```
#ecaf7b
```
#ecaf7b rgb(236,175,123)
```
#b8ec7b
```
#b8ec7b rgb(184,236,123)
```

Tetradic Color

#8638e2
```
#8638e2 rgb(134,56,226)
```
#944ee6
```
#944ee6 rgb(148,78,230)
```
#a165e9
```
#a165e9 rgb(161,101,233)
```
#af7bec
```
#af7bec rgb(175,123,236)
```
#bd91ef
```
#bd91ef rgb(189,145,239)
```
#caa8f2
```
#caa8f2 rgb(202,168,242)
```
#d8bef6
```
#d8bef6 rgb(216,190,246)
```

Monochromatic Color

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

#937bec
```
#937bec rgb(147,123,236)
```
#9c7bec
```
#9c7bec rgb(156,123,236)
```
#a67bec
```
#a67bec rgb(166,123,236)
```
#af7bec
```
#af7bec rgb(175,123,236)
```
#b87bec
```
#b87bec rgb(184,123,236)
```
#c27bec
```
#c27bec rgb(194,123,236)
```
#cb7bec
```
#cb7bec rgb(203,123,236)
```

Similar Colors

Text with hexadecimal color #af7bec

This text has a font color of #af7bec.

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

#af7bec background color

This paragraph has a background color of #af7bec.

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

#af7bec border color

This element has a border color of #af7bec.

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

CSS codes

.text {color:#af7bec;}

.background {background-color:#af7bec;}

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

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

#030105
```
#030105 rgb(3,1,5)
```
#0c0316
```
#0c0316 rgb(12,3,22)
```
#150627
```
#150627 rgb(21,6,39)
```
#1e0839
```
#1e0839 rgb(30,8,57)
```
#280b4a
```
#280b4a rgb(40,11,74)
```
#310d5b
```
#310d5b rgb(49,13,91)
```
#3a106c
```
#3a106c rgb(58,16,108)
```
#43127d
```
#43127d rgb(67,18,125)
```
#4d148e
```
#4d148e rgb(77,20,142)
```
#5617a0
```
#5617a0 rgb(86,23,160)
```
#5f19b1
```
#5f19b1 rgb(95,25,177)
```
#681cc2
```
#681cc2 rgb(104,28,194)
```
#711ed3
```
#711ed3 rgb(113,30,211)
```

Shade Color Variation

#7b25e0
```
#7b25e0 rgb(123,37,224)
```
#8536e2
```
#8536e2 rgb(133,54,226)
```
#9048e5
```
#9048e5 rgb(144,72,229)
```
#9a59e7
```
#9a59e7 rgb(154,89,231)
```
#a56aea
```
#a56aea rgb(165,106,234)
```
#af7bec
```
#af7bec rgb(175,123,236)
```
#b98cee
```
#b98cee rgb(185,140,238)
```
#c49df1
```
#c49df1 rgb(196,157,241)
```
#ceaef3
```
#ceaef3 rgb(206,174,243)
```
#d9c0f6
```
#d9c0f6 rgb(217,192,246)
```
#e3d1f8
```
#e3d1f8 rgb(227,209,248)
```
#ede2fb
```
#ede2fb rgb(237,226,251)
```
#f8f3fd
```
#f8f3fd rgb(248,243,253)
```

Tint Color Variation

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

#b3afb8
```
#b3afb8 rgb(179,175,184)
```
#b3a9be
```
#b3a9be rgb(179,169,190)
```
#b2a4c3
```
#b2a4c3 rgb(178,164,195)
```
#b29ec9
```
#b29ec9 rgb(178,158,201)
```
#b198cf
```
#b198cf rgb(177,152,207)
```
#b192d5
```
#b192d5 rgb(177,146,213)
```
#b08cdb
```
#b08cdb rgb(176,140,219)
```
#b087e0
```
#b087e0 rgb(176,135,224)
```
#af81e6
```
#af81e6 rgb(175,129,230)
```
#af7bec
```
#af7bec rgb(175,123,236)
```
#af75f2
```
#af75f2 rgb(175,117,242)
```
#ae6ff8
```
#ae6ff8 rgb(174,111,248)
```
#ae6afd
```
#ae6afd rgb(174,106,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c91a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6695fc Protanopia 1% of men
#6d98e4 Deuteranopia 1% of men
#a2959f Tritanopia 0.001% of the population

Trichromacy

#808bf6 Protanomaly 1% of men, 0.01% of women
#858ee7 Deuteranomaly 6% of men, 0.4% of women
#a68bbb Tritanomaly 0.01% of the population

#af7bec hex color

#af7bec Color Information

#af7bec Color Conversion

Color Schemes with #af7bec

Alternatives to #af7bec

#af7bec Preview

Shades and Tints of #af7bec

Tones of #af7bec

Color Blindness Simulator