#af669e hex color

In a RGB color space, hex #af669e is composed of 68.6% red, 40% green and 62% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 9.7% yellow and 31.4% black. It has a hue angle of 314 degrees, a saturation of 31.3% and a lightness of 54.3%. #af669e color hex could be obtained by blending #ffccff with #5f003d. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 69
- G 40
- B 62
RGB color chart
- C 0
- M 42
- Y 10
- K 31
CMYK color chart

● #af669e color description : Mostly desaturated dark magenta.

The hexadecimal color #af669e has RGB values of R:175, G:102, B:158 and CMYK values of C:0, M:0.42, Y:0.1, K:0.31. Its decimal value is 11495070.

Hex triplet	af669e	`#af669e`
RGB Decimal	175, 102, 158	`rgb(175,102,158)`
RGB Percent	68.6, 40, 62	`rgb(68.6%,40%,62%)`
CMYK	0, 42, 10, 31
HSL	314°, 31.3, 54.3	`hsl(314,31.3%,54.3%)`
HSV (or HSB)	314°, 41.7, 68.6
Web Safe	996699	`#996699`

CIE-LAB	53.044, 37.454, -17.844
XYZ	28.602, 21.087, 34.91
xyY	0.338, 0.249, 21.087
CIE-LCH	53.044, 41.488, 334.526
CIE-LUV	53.044, 39.034, -31.897
Hunter-Lab	45.92, 30.819, -12.929
Binary	10101111, 01100110, 10011110

#af669e
```
#af669e rgb(175,102,158)
```
#66af77
```
#66af77 rgb(102,175,119)
```

Complementary Color

#9c66af
```
#9c66af rgb(156,102,175)
```
#af669e
```
#af669e rgb(175,102,158)
```
#af667a
```
#af667a rgb(175,102,122)
```

Analogous Color

#66af9c
```
#66af9c rgb(102,175,156)
```
#af669e
```
#af669e rgb(175,102,158)
```
#7aaf66
```
#7aaf66 rgb(122,175,102)
```

Split Complementary Color

#669eaf
```
#669eaf rgb(102,158,175)
```
#af669e
```
#af669e rgb(175,102,158)
```
#9eaf66
```
#9eaf66 rgb(158,175,102)
```

Triadic Color

#7766af
```
#7766af rgb(119,102,175)
```
#af669e
```
#af669e rgb(175,102,158)
```
#9eaf66
```
#9eaf66 rgb(158,175,102)
```
#66af77
```
#66af77 rgb(102,175,119)
```

Tetradic Color

#844575
```
#844575 rgb(132,69,117)
```
#944e84
```
#944e84 rgb(148,78,132)
```
#a55693
```
#a55693 rgb(165,86,147)
```
#af669e
```
#af669e rgb(175,102,158)
```
#b877a9
```
#b877a9 rgb(184,119,169)
```
#c187b3
```
#c187b3 rgb(193,135,179)
```
#c998be
```
#c998be rgb(201,152,190)
```

Monochromatic Color

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

#ae66af
```
#ae66af rgb(174,102,175)
```
#af66aa
```
#af66aa rgb(175,102,170)
```
#af66a4
```
#af66a4 rgb(175,102,164)
```
#af669e
```
#af669e rgb(175,102,158)
```
#af6698
```
#af6698 rgb(175,102,152)
```
#af6692
```
#af6692 rgb(175,102,146)
```
#af668c
```
#af668c rgb(175,102,140)
```

Similar Colors

Text with hexadecimal color #af669e

This text has a font color of #af669e.

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

#af669e background color

This paragraph has a background color of #af669e.

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

#af669e border color

This element has a border color of #af669e.

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

CSS codes

.text {color:#af669e;}

.background {background-color:#af669e;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0e080d
```
#0e080d rgb(14,8,13)
```
#1b0e18
```
#1b0e18 rgb(27,14,24)
```
#281524
```
#281524 rgb(40,21,36)
```
#351c2f
```
#351c2f rgb(53,28,47)
```
#42223b
```
#42223b rgb(66,34,59)
```
#4f2946
```
#4f2946 rgb(79,41,70)
```
#5c3052
```
#5c3052 rgb(92,48,82)
```
#69375d
```
#69375d rgb(105,55,93)
```
#753d68
```
#753d68 rgb(117,61,104)
```
#824474
```
#824474 rgb(130,68,116)
```
#8f4b7f
```
#8f4b7f rgb(143,75,127)
```
#9c528b
```
#9c528b rgb(156,82,139)
```

Shade Color Variation

#a85996
```
#a85996 rgb(168,89,150)
```
#af669e
```
#af669e rgb(175,102,158)
```
#b673a6
```
#b673a6 rgb(182,115,166)
```
#bc80ae
```
#bc80ae rgb(188,128,174)
```
#c38db6
```
#c38db6 rgb(195,141,182)
```
#ca9abf
```
#ca9abf rgb(202,154,191)
```
#d1a6c7
```
#d1a6c7 rgb(209,166,199)
```
#d7b3cf
```
#d7b3cf rgb(215,179,207)
```
#dec0d7
```
#dec0d7 rgb(222,192,215)
```
#e5cddf
```
#e5cddf rgb(229,205,223)
```
#ecdae7
```
#ecdae7 rgb(236,218,231)
```
#f2e7f0
```
#f2e7f0 rgb(242,231,240)
```
#f9f4f8
```
#f9f4f8 rgb(249,244,248)
```

Tint Color Variation

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

#8b8a8b
```
#8b8a8b rgb(139,138,139)
```
#948190
```
#948190 rgb(148,129,144)
```
#9d7894
```
#9d7894 rgb(157,120,148)
```
#a66f99
```
#a66f99 rgb(166,111,153)
```
#af669e
```
#af669e rgb(175,102,158)
```
#b85da3
```
#b85da3 rgb(184,93,163)
```
#c154a8
```
#c154a8 rgb(193,84,168)
```
#ca4bac
```
#ca4bac rgb(202,75,172)
```
#d342b1
```
#d342b1 rgb(211,66,177)
```
#dc39b6
```
#dc39b6 rgb(220,57,182)
```
#e530bb
```
#e530bb rgb(229,48,187)
```
#ee27c0
```
#ee27c0 rgb(238,39,192)
```
#f71ec4
```
#f71ec4 rgb(247,30,196)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b7c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7783b1 Protanopia 1% of men
#85829d Deuteranopia 1% of men
#ae757d Tritanopia 0.001% of the population

Trichromacy

#8b78aa Protanomaly 1% of men, 0.01% of women
#94789d Deuteranomaly 6% of men, 0.4% of women
#ae7089 Tritanomaly 0.01% of the population

#af669e hex color

#af669e Color Information

#af669e Color Conversion

Color Schemes with #af669e

Alternatives to #af669e

#af669e Preview

Shades and Tints of #af669e

Tones of #af669e

Color Blindness Simulator