#af69bc hex color

In a RGB color space, hex #af69bc is composed of 68.6% red, 41.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 44.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 290.6 degrees, a saturation of 38.2% and a lightness of 57.5%. #af69bc color hex could be obtained by blending #ffd2ff with #5f0079. Closest websafe color is: #9966cc.

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

● #af69bc color description : Slightly desaturated magenta.

The hexadecimal color #af69bc has RGB values of R:175, G:105, B:188 and CMYK values of C:0.07, M:0.44, Y:0, K:0.26. Its decimal value is 11495868.

Hex triplet	af69bc	`#af69bc`
RGB Decimal	175, 105, 188	`rgb(175,105,188)`
RGB Percent	68.6, 41.2, 73.7	`rgb(68.6%,41.2%,73.7%)`
CMYK	7, 44, 0, 26
HSL	290.6°, 38.2, 57.5	`hsl(290.6,38.2%,57.5%)`
HSV (or HSB)	290.6°, 44.1, 73.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.916, 41.459, -32.348
XYZ	31.807, 22.849, 50.309
xyY	0.303, 0.218, 22.849
CIE-LCH	54.916, 52.586, 322.038
CIE-LUV	54.916, 31.613, -54.963
Hunter-Lab	47.801, 35.124, -28.941
Binary	10101111, 01101001, 10111100

#af69bc
```
#af69bc rgb(175,105,188)
```
#76bc69
```
#76bc69 rgb(118,188,105)
```

Complementary Color

#8669bc
```
#8669bc rgb(134,105,188)
```
#af69bc
```
#af69bc rgb(175,105,188)
```
#bc69a0
```
#bc69a0 rgb(188,105,160)
```

Analogous Color

#69bc86
```
#69bc86 rgb(105,188,134)
```
#af69bc
```
#af69bc rgb(175,105,188)
```
#a0bc69
```
#a0bc69 rgb(160,188,105)
```

Split Complementary Color

#69bcaf
```
#69bcaf rgb(105,188,175)
```
#af69bc
```
#af69bc rgb(175,105,188)
```
#bcaf69
```
#bcaf69 rgb(188,175,105)
```

Triadic Color

#6976bc
```
#6976bc rgb(105,118,188)
```
#af69bc
```
#af69bc rgb(175,105,188)
```
#bcaf69
```
#bcaf69 rgb(188,175,105)
```
#76bc69
```
#76bc69 rgb(118,188,105)
```

Tetradic Color

#894396
```
#894396 rgb(137,67,150)
```
#994ba7
```
#994ba7 rgb(153,75,167)
```
#a657b4
```
#a657b4 rgb(166,87,180)
```
#af69bc
```
#af69bc rgb(175,105,188)
```
#b87bc4
```
#b87bc4 rgb(184,123,196)
```
#c28ccc
```
#c28ccc rgb(194,140,204)
```
#cb9ed4
```
#cb9ed4 rgb(203,158,212)
```

Monochromatic Color

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

#9a69bc
```
#9a69bc rgb(154,105,188)
```
#a169bc
```
#a169bc rgb(161,105,188)
```
#a869bc
```
#a869bc rgb(168,105,188)
```
#af69bc
```
#af69bc rgb(175,105,188)
```
#b669bc
```
#b669bc rgb(182,105,188)
```
#bc69bb
```
#bc69bb rgb(188,105,187)
```
#bc69b4
```
#bc69b4 rgb(188,105,180)
```

Similar Colors

Text with hexadecimal color #af69bc

This text has a font color of #af69bc.

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

#af69bc background color

This paragraph has a background color of #af69bc.

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

#af69bc border color

This element has a border color of #af69bc.

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

CSS codes

.text {color:#af69bc;}

.background {background-color:#af69bc;}

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

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

#0c060d
```
#0c060d rgb(12,6,13)
```
#180c1a
```
#180c1a rgb(24,12,26)
```
#241228
```
#241228 rgb(36,18,40)
```
#311835
```
#311835 rgb(49,24,53)
```
#3d1e43
```
#3d1e43 rgb(61,30,67)
```
#4a2451
```
#4a2451 rgb(74,36,81)
```
#562a5e
```
#562a5e rgb(86,42,94)
```
#62306c
```
#62306c rgb(98,48,108)
```
#6f3679
```
#6f3679 rgb(111,54,121)
```
#7b3c87
```
#7b3c87 rgb(123,60,135)
```
#874294
```
#874294 rgb(135,66,148)
```
#9448a2
```
#9448a2 rgb(148,72,162)
```
#a04eaf
```
#a04eaf rgb(160,78,175)
```

Shade Color Variation

#a85bb6
```
#a85bb6 rgb(168,91,182)
```
#af69bc
```
#af69bc rgb(175,105,188)
```
#b677c2
```
#b677c2 rgb(182,119,194)
```
#bd84c8
```
#bd84c8 rgb(189,132,200)
```
#c592ce
```
#c592ce rgb(197,146,206)
```
#cc9fd4
```
#cc9fd4 rgb(204,159,212)
```
#d3adda
```
#d3adda rgb(211,173,218)
```
#dabae0
```
#dabae0 rgb(218,186,224)
```
#e2c8e6
```
#e2c8e6 rgb(226,200,230)
```
#e9d5ec
```
#e9d5ec rgb(233,213,236)
```
#f0e3f3
```
#f0e3f3 rgb(240,227,243)
```
#f7f1f9
```
#f7f1f9 rgb(247,241,249)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#988a9b
```
#988a9b rgb(152,138,155)
```
#9e82a3
```
#9e82a3 rgb(158,130,163)
```
#a47aab
```
#a47aab rgb(164,122,171)
```
#a971b4
```
#a971b4 rgb(169,113,180)
```
#af69bc
```
#af69bc rgb(175,105,188)
```
#b561c4
```
#b561c4 rgb(181,97,196)
```
#ba58cd
```
#ba58cd rgb(186,88,205)
```
#c050d5
```
#c050d5 rgb(192,80,213)
```
#c648dd
```
#c648dd rgb(198,72,221)
```
#cc3fe6
```
#cc3fe6 rgb(204,63,230)
```
#d137ee
```
#d137ee rgb(209,55,238)
```
#d72ff6
```
#d72ff6 rgb(215,47,246)
```
#dd26ff
```
#dd26ff rgb(221,38,255)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f8192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c87cf Protanopia 1% of men
#7a88b8 Deuteranopia 1% of men
#aa7e86 Tritanopia 0.001% of the population

Trichromacy

#847cc8 Protanomaly 1% of men, 0.01% of women
#8d7cb9 Deuteranomaly 6% of men, 0.4% of women
#ab769a Tritanomaly 0.01% of the population

#af69bc hex color

#af69bc Color Information

#af69bc Color Conversion

Color Schemes with #af69bc

Alternatives to #af69bc

#af69bc Preview

Shades and Tints of #af69bc

Tones of #af69bc

Color Blindness Simulator