colorhexa.com

#af94bd hex color

In a RGB color space, hex #af94bd is composed of 68.6% red, 58% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 21.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 279.5 degrees, a saturation of 23.7% and a lightness of 66.1%. #af94bd color hex could be obtained by blending #ffffff with #5f297b. Closest websafe color is: #9999cc.

- R 69
- G 58
- B 74
RGB color chart
- C 7
- M 22
- Y 0
- K 26
CMYK color chart

● #af94bd color description : Grayish violet.

The hexadecimal color #af94bd has RGB values of R:175, G:148, B:189 and CMYK values of C:0.07, M:0.22, Y:0, K:0.26. Its decimal value is 11506877.

Hex triplet	af94bd	`#af94bd`
RGB Decimal	175, 148, 189	`rgb(175,148,189)`
RGB Percent	68.6, 58, 74.1	`rgb(68.6%,58%,74.1%)`
CMYK	7, 22, 0, 26
HSL	279.5°, 23.7, 66.1	`hsl(279.5,23.7%,66.1%)`
HSV (or HSB)	279.5°, 21.7, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.937, 17.698, -17.507
XYZ	37.453, 33.968, 52.725
xyY	0.302, 0.274, 33.968
CIE-LCH	64.937, 24.894, 315.312
CIE-LUV	64.937, 12.337, -29.371
Hunter-Lab	58.282, 12.712, -12.839
Binary	10101111, 10010100, 10111101

#af94bd
```
#af94bd rgb(175,148,189)
```
#a2bd94
```
#a2bd94 rgb(162,189,148)
```

Complementary Color

#9b94bd
```
#9b94bd rgb(155,148,189)
```
#af94bd
```
#af94bd rgb(175,148,189)
```
#bd94b7
```
#bd94b7 rgb(189,148,183)
```

Analogous Color

#94bd9b
```
#94bd9b rgb(148,189,155)
```
#af94bd
```
#af94bd rgb(175,148,189)
```
#b7bd94
```
#b7bd94 rgb(183,189,148)
```

Split Complementary Color

#94bdaf
```
#94bdaf rgb(148,189,175)
```
#af94bd
```
#af94bd rgb(175,148,189)
```
#bdaf94
```
#bdaf94 rgb(189,175,148)
```

Triadic Color

#94a2bd
```
#94a2bd rgb(148,162,189)
```
#af94bd
```
#af94bd rgb(175,148,189)
```
#bdaf94
```
#bdaf94 rgb(189,175,148)
```
#a2bd94
```
#a2bd94 rgb(162,189,148)
```

Tetradic Color

#8c65a0
```
#8c65a0 rgb(140,101,160)
```
#9774aa
```
#9774aa rgb(151,116,170)
```
#a384b3
```
#a384b3 rgb(163,132,179)
```
#af94bd
```
#af94bd rgb(175,148,189)
```
#bba4c7
```
#bba4c7 rgb(187,164,199)
```
#c7b4d0
```
#c7b4d0 rgb(199,180,208)
```
#d2c3da
```
#d2c3da rgb(210,195,218)
```

Monochromatic Color

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

#a594bd
```
#a594bd rgb(165,148,189)
```
#a894bd
```
#a894bd rgb(168,148,189)
```
#ac94bd
```
#ac94bd rgb(172,148,189)
```
#af94bd
```
#af94bd rgb(175,148,189)
```
#b294bd
```
#b294bd rgb(178,148,189)
```
#b694bd
```
#b694bd rgb(182,148,189)
```
#b994bd
```
#b994bd rgb(185,148,189)
```

Similar Colors

Text with hexadecimal color #af94bd

This text has a font color of #af94bd.

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

#af94bd background color

This paragraph has a background color of #af94bd.

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

#af94bd border color

This element has a border color of #af94bd.

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

CSS codes

.text {color:#af94bd;}

.background {background-color:#af94bd;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0c090e
```
#0c090e rgb(12,9,14)
```
#17101a
```
#17101a rgb(23,16,26)
```
#221827
```
#221827 rgb(34,24,39)
```
#2c1f33
```
#2c1f33 rgb(44,31,51)
```
#37273f
```
#37273f rgb(55,39,63)
```
#412e4b
```
#412e4b rgb(65,46,75)
```
#4c3657
```
#4c3657 rgb(76,54,87)
```
#563d63
```
#563d63 rgb(86,61,99)
```
#61456f
```
#61456f rgb(97,69,111)
```
#6b4c7c
```
#6b4c7c rgb(107,76,124)
```
#765488
```
#765488 rgb(118,84,136)
```
#805b94
```
#805b94 rgb(128,91,148)
```

Shade Color Variation

#8b639f
```
#8b639f rgb(139,99,159)
```
#9470a7
```
#9470a7 rgb(148,112,167)
```
#9d7cae
```
#9d7cae rgb(157,124,174)
```
#a688b6
```
#a688b6 rgb(166,136,182)
```
#af94bd
```
#af94bd rgb(175,148,189)
```
#b8a0c4
```
#b8a0c4 rgb(184,160,196)
```
#c1accc
```
#c1accc rgb(193,172,204)
```
#cab8d3
```
#cab8d3 rgb(202,184,211)
```
#d3c5db
```
#d3c5db rgb(211,197,219)
```
#dcd1e2
```
#dcd1e2 rgb(220,209,226)
```
#e5ddea
```
#e5ddea rgb(229,221,234)
```
#eee9f1
```
#eee9f1 rgb(238,233,241)
```
#f8f5f9
```
#f8f5f9 rgb(248,245,249)
```

Tint Color Variation

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

#a9a8a9
```
#a9a8a9 rgb(169,168,169)
```
#aba1b0
```
#aba1b0 rgb(171,161,176)
```
#ad9bb6
```
#ad9bb6 rgb(173,155,182)
```
#af94bd
```
#af94bd rgb(175,148,189)
```
#b18dc4
```
#b18dc4 rgb(177,141,196)
```
#b387ca
```
#b387ca rgb(179,135,202)
```
#b580d1
```
#b580d1 rgb(181,128,209)
```
#b779d8
```
#b779d8 rgb(183,121,216)
```
#ba73de
```
#ba73de rgb(186,115,222)
```
#bc6ce5
```
#bc6ce5 rgb(188,108,229)
```
#be65ec
```
#be65ec rgb(190,101,236)
```
#c05ff2
```
#c05ff2 rgb(192,95,242)
```
#c258f9
```
#c258f9 rgb(194,88,249)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a49ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a1c5 Protanopia 1% of men
#a39fbe Deuteranopia 1% of men
#ae9da9 Tritanopia 0.001% of the population

Trichromacy

#a19cc2 Protanomaly 1% of men, 0.01% of women
#a79bbe Deuteranomaly 6% of men, 0.4% of women
#ae9ab0 Tritanomaly 0.01% of the population