#af688a hex color

In a RGB color space, hex #af688a is composed of 68.6% red, 40.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.6% magenta, 21.1% yellow and 31.4% black. It has a hue angle of 331.3 degrees, a saturation of 30.7% and a lightness of 54.7%. #af688a color hex could be obtained by blending #ffd0ff with #5f0015. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 69
- G 41
- B 54
RGB color chart
- C 0
- M 41
- Y 21
- K 31
CMYK color chart

● #af688a color description : Mostly desaturated dark pink.

The hexadecimal color #af688a has RGB values of R:175, G:104, B:138 and CMYK values of C:0, M:0.41, Y:0.21, K:0.31. Its decimal value is 11495562.

Hex triplet	af688a	`#af688a`
RGB Decimal	175, 104, 138	`rgb(175,104,138)`
RGB Percent	68.6, 40.8, 54.1	`rgb(68.6%,40.8%,54.1%)`
CMYK	0, 41, 21, 31
HSL	331.3°, 30.7, 54.7	`hsl(331.3,30.7%,54.7%)`
HSV (or HSB)	331.3°, 40.6, 68.6
Web Safe	996699	`#996699`

CIE-LAB	52.786, 33.07, -6.484
XYZ	27.217, 20.851, 26.635
xyY	0.364, 0.279, 20.851
CIE-LCH	52.786, 33.699, 348.906
CIE-LUV	52.786, 42.16, -14.69
Hunter-Lab	45.663, 26.482, -2.619
Binary	10101111, 01101000, 10001010

#af688a
```
#af688a rgb(175,104,138)
```
#68af8d
```
#68af8d rgb(104,175,141)
```

Complementary Color

#af68ae
```
#af68ae rgb(175,104,174)
```
#af688a
```
#af688a rgb(175,104,138)
```
#af6a68
```
#af6a68 rgb(175,106,104)
```

Analogous Color

#68aeaf
```
#68aeaf rgb(104,174,175)
```
#af688a
```
#af688a rgb(175,104,138)
```
#68af6a
```
#68af6a rgb(104,175,106)
```

Split Complementary Color

#688aaf
```
#688aaf rgb(104,138,175)
```
#af688a
```
#af688a rgb(175,104,138)
```
#8aaf68
```
#8aaf68 rgb(138,175,104)
```

Triadic Color

#8d68af
```
#8d68af rgb(141,104,175)
```
#af688a
```
#af688a rgb(175,104,138)
```
#8aaf68
```
#8aaf68 rgb(138,175,104)
```
#68af8d
```
#68af8d rgb(104,175,141)
```

Tetradic Color

#844664
```
#844664 rgb(132,70,100)
```
#954f71
```
#954f71 rgb(149,79,113)
```
#a6587d
```
#a6587d rgb(166,88,125)
```
#af688a
```
#af688a rgb(175,104,138)
```
#b87997
```
#b87997 rgb(184,121,151)
```
#c189a4
```
#c189a4 rgb(193,137,164)
```
#c99ab1
```
#c99ab1 rgb(201,154,177)
```

Monochromatic Color

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

#af689c
```
#af689c rgb(175,104,156)
```
#af6896
```
#af6896 rgb(175,104,150)
```
#af6890
```
#af6890 rgb(175,104,144)
```
#af688a
```
#af688a rgb(175,104,138)
```
#af6884
```
#af6884 rgb(175,104,132)
```
#af687e
```
#af687e rgb(175,104,126)
```
#af6878
```
#af6878 rgb(175,104,120)
```

Similar Colors

Text with hexadecimal color #af688a

This text has a font color of #af688a.

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

#af688a background color

This paragraph has a background color of #af688a.

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

#af688a border color

This element has a border color of #af688a.

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

CSS codes

.text {color:#af688a;}

.background {background-color:#af688a;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#10080c
```
#10080c rgb(16,8,12)
```
#1d0f16
```
#1d0f16 rgb(29,15,22)
```
#29161f
```
#29161f rgb(41,22,31)
```
#361d29
```
#361d29 rgb(54,29,41)
```
#432333
```
#432333 rgb(67,35,51)
```
#502a3c
```
#502a3c rgb(80,42,60)
```
#5d3146
```
#5d3146 rgb(93,49,70)
```
#693850
```
#693850 rgb(105,56,80)
```
#763f59
```
#763f59 rgb(118,63,89)
```
#834563
```
#834563 rgb(131,69,99)
```
#904c6d
```
#904c6d rgb(144,76,109)
```
#9d5376
```
#9d5376 rgb(157,83,118)
```

Shade Color Variation

#a85b80
```
#a85b80 rgb(168,91,128)
```
#af688a
```
#af688a rgb(175,104,138)
```
#b67594
```
#b67594 rgb(182,117,148)
```
#bd829e
```
#bd829e rgb(189,130,158)
```
#c38ea8
```
#c38ea8 rgb(195,142,168)
```
#ca9bb2
```
#ca9bb2 rgb(202,155,178)
```
#d1a8bc
```
#d1a8bc rgb(209,168,188)
```
#d8b5c6
```
#d8b5c6 rgb(216,181,198)
```
#dfc2d0
```
#dfc2d0 rgb(223,194,208)
```
#e5cfd9
```
#e5cfd9 rgb(229,207,217)
```
#ecdbe3
```
#ecdbe3 rgb(236,219,227)
```
#f3e8ed
```
#f3e8ed rgb(243,232,237)
```
#faf5f7
```
#faf5f7 rgb(250,245,247)
```

Tint Color Variation

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

#94838b
```
#94838b rgb(148,131,139)
```
#9d7a8b
```
#9d7a8b rgb(157,122,139)
```
#a6718a
```
#a6718a rgb(166,113,138)
```
#af688a
```
#af688a rgb(175,104,138)
```
#b85f8a
```
#b85f8a rgb(184,95,138)
```
#c15689
```
#c15689 rgb(193,86,137)
```
#ca4d89
```
#ca4d89 rgb(202,77,137)
```
#d34488
```
#d34488 rgb(211,68,136)
```
#db3c88
```
#db3c88 rgb(219,60,136)
```
#e43388
```
#e43388 rgb(228,51,136)
```
#ed2a87
```
#ed2a87 rgb(237,42,135)
```
#f62187
```
#f62187 rgb(246,33,135)
```
#ff1887
```
#ff1887 rgb(255,24,135)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8a7c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f839b Protanopia 1% of men
#8d818b Deuteranopia 1% of men
#b0737b Tritanopia 0.001% of the population

Trichromacy

#907995 Protanomaly 1% of men, 0.01% of women
#99778a Deuteranomaly 6% of men, 0.4% of women
#b06f80 Tritanomaly 0.01% of the population

#af688a hex color

#af688a Color Information

#af688a Color Conversion

Color Schemes with #af688a

Alternatives to #af688a

#af688a Preview

Shades and Tints of #af688a

Tones of #af688a

Color Blindness Simulator