#af90bd hex color

In a RGB color space, hex #af90bd is composed of 68.6% red, 56.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 23.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 281.3 degrees, a saturation of 25.4% and a lightness of 65.3%. #af90bd color hex could be obtained by blending #ffffff with #5f217b. Closest websafe color is: #9999cc.

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

● #af90bd color description : Grayish violet.

The hexadecimal color #af90bd has RGB values of R:175, G:144, B:189 and CMYK values of C:0.07, M:0.24, Y:0, K:0.26. Its decimal value is 11505853.

Hex triplet	af90bd	`#af90bd`
RGB Decimal	175, 144, 189	`rgb(175,144,189)`
RGB Percent	68.6, 56.5, 74.1	`rgb(68.6%,56.5%,74.1%)`
CMYK	7, 24, 0, 26
HSL	281.3°, 25.4, 65.3	`hsl(281.3,25.4%,65.3%)`
HSV (or HSB)	281.3°, 23.8, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.946, 19.949, -19.012
XYZ	36.836, 32.735, 52.519
xyY	0.302, 0.268, 32.735
CIE-LCH	63.946, 27.558, 316.379
CIE-LUV	63.946, 14.241, -32.008
Hunter-Lab	57.215, 14.798, -14.374
Binary	10101111, 10010000, 10111101

#af90bd
```
#af90bd rgb(175,144,189)
```
#9ebd90
```
#9ebd90 rgb(158,189,144)
```

Complementary Color

#9990bd
```
#9990bd rgb(153,144,189)
```
#af90bd
```
#af90bd rgb(175,144,189)
```
#bd90b5
```
#bd90b5 rgb(189,144,181)
```

Analogous Color

#90bd99
```
#90bd99 rgb(144,189,153)
```
#af90bd
```
#af90bd rgb(175,144,189)
```
#b5bd90
```
#b5bd90 rgb(181,189,144)
```

Split Complementary Color

#90bdaf
```
#90bdaf rgb(144,189,175)
```
#af90bd
```
#af90bd rgb(175,144,189)
```
#bdaf90
```
#bdaf90 rgb(189,175,144)
```

Triadic Color

#909ebd
```
#909ebd rgb(144,158,189)
```
#af90bd
```
#af90bd rgb(175,144,189)
```
#bdaf90
```
#bdaf90 rgb(189,175,144)
```
#9ebd90
```
#9ebd90 rgb(158,189,144)
```

Tetradic Color

#8c60a0
```
#8c60a0 rgb(140,96,160)
```
#9870aa
```
#9870aa rgb(152,112,170)
```
#a380b3
```
#a380b3 rgb(163,128,179)
```
#af90bd
```
#af90bd rgb(175,144,189)
```
#bba0c7
```
#bba0c7 rgb(187,160,199)
```
#c6b0d0
```
#c6b0d0 rgb(198,176,208)
```
#d2c0da
```
#d2c0da rgb(210,192,218)
```

Monochromatic Color

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

#a490bd
```
#a490bd rgb(164,144,189)
```
#a890bd
```
#a890bd rgb(168,144,189)
```
#ab90bd
```
#ab90bd rgb(171,144,189)
```
#af90bd
```
#af90bd rgb(175,144,189)
```
#b390bd
```
#b390bd rgb(179,144,189)
```
#b790bd
```
#b790bd rgb(183,144,189)
```
#ba90bd
```
#ba90bd rgb(186,144,189)
```

Similar Colors

Text with hexadecimal color #af90bd

This text has a font color of #af90bd.

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

#af90bd background color

This paragraph has a background color of #af90bd.

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

#af90bd border color

This element has a border color of #af90bd.

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

CSS codes

.text {color:#af90bd;}

.background {background-color:#af90bd;}

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

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

#0a070c
```
#0a070c rgb(10,7,12)
```
#150e18
```
#150e18 rgb(21,14,24)
```
#201625
```
#201625 rgb(32,22,37)
```
#2b1d31
```
#2b1d31 rgb(43,29,49)
```
#35243d
```
#35243d rgb(53,36,61)
```
#402c4a
```
#402c4a rgb(64,44,74)
```
#4b3356
```
#4b3356 rgb(75,51,86)
```
#563a62
```
#563a62 rgb(86,58,98)
```
#60426e
```
#60426e rgb(96,66,110)
```
#6b497b
```
#6b497b rgb(107,73,123)
```
#765087
```
#765087 rgb(118,80,135)
```
#815893
```
#815893 rgb(129,88,147)
```
#8b5fa0
```
#8b5fa0 rgb(139,95,160)
```

Shade Color Variation

#946ba7
```
#946ba7 rgb(148,107,167)
```
#9d77ae
```
#9d77ae rgb(157,119,174)
```
#a684b6
```
#a684b6 rgb(166,132,182)
```
#af90bd
```
#af90bd rgb(175,144,189)
```
#b89cc4
```
#b89cc4 rgb(184,156,196)
```
#c1a9cc
```
#c1a9cc rgb(193,169,204)
```
#cab5d3
```
#cab5d3 rgb(202,181,211)
```
#d2c1da
```
#d2c1da rgb(210,193,218)
```
#dbcee2
```
#dbcee2 rgb(219,206,226)
```
#e4dae9
```
#e4dae9 rgb(228,218,233)
```
#ede6f0
```
#ede6f0 rgb(237,230,240)
```
#f6f2f8
```
#f6f2f8 rgb(246,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a7a4a9
```
#a7a4a9 rgb(167,164,169)
```
#aa9eaf
```
#aa9eaf rgb(170,158,175)
```
#ac97b6
```
#ac97b6 rgb(172,151,182)
```
#af90bd
```
#af90bd rgb(175,144,189)
```
#b289c4
```
#b289c4 rgb(178,137,196)
```
#b482cb
```
#b482cb rgb(180,130,203)
```
#b77cd1
```
#b77cd1 rgb(183,124,209)
```
#b975d8
```
#b975d8 rgb(185,117,216)
```
#bc6edf
```
#bc6edf rgb(188,110,223)
```
#be67e6
```
#be67e6 rgb(190,103,230)
```
#c160ed
```
#c160ed rgb(193,96,237)
```
#c45af3
```
#c45af3 rgb(196,90,243)
```
#c653fa
```
#c653fa rgb(198,83,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a19ba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959ec5 Protanopia 1% of men
#9f9cbe Deuteranopia 1% of men
#ae9aa5 Tritanopia 0.001% of the population

Trichromacy

#9e99c2 Protanomaly 1% of men, 0.01% of women
#a498bd Deuteranomaly 6% of men, 0.4% of women
#ae96ae Tritanomaly 0.01% of the population

#af90bd hex color

#af90bd Color Information

#af90bd Color Conversion

Color Schemes with #af90bd

Alternatives to #af90bd

#af90bd Preview

Shades and Tints of #af90bd

Tones of #af90bd

Color Blindness Simulator