colorhexa.com

#af68b4 hex color

In a RGB color space, hex #af68b4 is composed of 68.6% red, 40.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 42.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 296.1 degrees, a saturation of 33.6% and a lightness of 55.7%. #af68b4 color hex could be obtained by blending #ffd0ff with #5f0069. Closest websafe color is: #9966cc.

- R 69
- G 41
- B 71
RGB color chart
- C 3
- M 42
- Y 0
- K 29
CMYK color chart

● #af68b4 color description : Slightly desaturated magenta.

The hexadecimal color #af68b4 has RGB values of R:175, G:104, B:180 and CMYK values of C:0.03, M:0.42, Y:0, K:0.29. Its decimal value is 11495604.

Hex triplet	af68b4	`#af68b4`
RGB Decimal	175, 104, 180	`rgb(175,104,180)`
RGB Percent	68.6, 40.8, 70.6	`rgb(68.6%,40.8%,70.6%)`
CMYK	3, 42, 0, 29
HSL	296.1°, 33.6, 55.7	`hsl(296.1,33.6%,55.7%)`
HSV (or HSB)	296.1°, 42.2, 70.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.355, 40.424, -28.614
XYZ	30.867, 22.311, 45.858
xyY	0.312, 0.225, 22.311
CIE-LCH	54.355, 49.526, 324.708
CIE-LUV	54.355, 33.614, -48.911
Hunter-Lab	47.235, 33.986, -24.498
Binary	10101111, 01101000, 10110100

#af68b4
```
#af68b4 rgb(175,104,180)
```
#6db468
```
#6db468 rgb(109,180,104)
```

Complementary Color

#8968b4
```
#8968b4 rgb(137,104,180)
```
#af68b4
```
#af68b4 rgb(175,104,180)
```
#b46893
```
#b46893 rgb(180,104,147)
```

Analogous Color

#68b489
```
#68b489 rgb(104,180,137)
```
#af68b4
```
#af68b4 rgb(175,104,180)
```
#93b468
```
#93b468 rgb(147,180,104)
```

Split Complementary Color

#68b4af
```
#68b4af rgb(104,180,175)
```
#af68b4
```
#af68b4 rgb(175,104,180)
```
#b4af68
```
#b4af68 rgb(180,175,104)
```

Triadic Color

#686db4
```
#686db4 rgb(104,109,180)
```
#af68b4
```
#af68b4 rgb(175,104,180)
```
#b4af68
```
#b4af68 rgb(180,175,104)
```
#6db468
```
#6db468 rgb(109,180,104)
```

Tetradic Color

#86458b
```
#86458b rgb(134,69,139)
```
#974d9c
```
#974d9c rgb(151,77,156)
```
#a657ac
```
#a657ac rgb(166,87,172)
```
#af68b4
```
#af68b4 rgb(175,104,180)
```
#b879bc
```
#b879bc rgb(184,121,188)
```
#c18ac5
```
#c18ac5 rgb(193,138,197)
```
#ca9bcd
```
#ca9bcd rgb(202,155,205)
```

Monochromatic Color

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

#9c68b4
```
#9c68b4 rgb(156,104,180)
```
#a268b4
```
#a268b4 rgb(162,104,180)
```
#a968b4
```
#a968b4 rgb(169,104,180)
```
#af68b4
```
#af68b4 rgb(175,104,180)
```
#b468b3
```
#b468b3 rgb(180,104,179)
```
#b468ac
```
#b468ac rgb(180,104,172)
```
#b468a6
```
#b468a6 rgb(180,104,166)
```

Similar Colors

Text with hexadecimal color #af68b4

This text has a font color of #af68b4.

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

#af68b4 background color

This paragraph has a background color of #af68b4.

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

#af68b4 border color

This element has a border color of #af68b4.

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

CSS codes

.text {color:#af68b4;}

.background {background-color:#af68b4;}

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

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

#060306
```
#060306 rgb(6,3,6)
```
#130a13
```
#130a13 rgb(19,10,19)
```
#1f1020
```
#1f1020 rgb(31,16,32)
```
#2c172e
```
#2c172e rgb(44,23,46)
```
#391d3b
```
#391d3b rgb(57,29,59)
```
#452448
```
#452448 rgb(69,36,72)
```
#522a55
```
#522a55 rgb(82,42,85)
```
#5f3162
```
#5f3162 rgb(95,49,98)
```
#6b376f
```
#6b376f rgb(107,55,111)
```
#783e7c
```
#783e7c rgb(120,62,124)
```
#854489
```
#854489 rgb(133,68,137)
```
#914b96
```
#914b96 rgb(145,75,150)
```
#9e51a4
```
#9e51a4 rgb(158,81,164)
```

Shade Color Variation

#a85bad
```
#a85bad rgb(168,91,173)
```
#af68b4
```
#af68b4 rgb(175,104,180)
```
#b675bb
```
#b675bb rgb(182,117,187)
```
#bd82c1
```
#bd82c1 rgb(189,130,193)
```
#c48fc8
```
#c48fc8 rgb(196,143,200)
```
#cb9cce
```
#cb9cce rgb(203,156,206)
```
#d2aad5
```
#d2aad5 rgb(210,170,213)
```
#d9b7db
```
#d9b7db rgb(217,183,219)
```
#e0c4e2
```
#e0c4e2 rgb(224,196,226)
```
#e7d1e8
```
#e7d1e8 rgb(231,209,232)
```
#eddeef
```
#eddeef rgb(237,222,239)
```
#f4ebf5
```
#f4ebf5 rgb(244,235,245)
```
#fbf8fc
```
#fbf8fc rgb(251,248,252)
```

Tint Color Variation

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

#918b91
```
#918b91 rgb(145,139,145)
```
#98829a
```
#98829a rgb(152,130,154)
```
#a079a3
```
#a079a3 rgb(160,121,163)
```
#a771ab
```
#a771ab rgb(167,113,171)
```
#af68b4
```
#af68b4 rgb(175,104,180)
```
#b75fbd
```
#b75fbd rgb(183,95,189)
```
#be57c5
```
#be57c5 rgb(190,87,197)
```
#c64ece
```
#c64ece rgb(198,78,206)
```
#cd45d7
```
#cd45d7 rgb(205,69,215)
```
#d53ddf
```
#d53ddf rgb(213,61,223)
```
#dc34e8
```
#dc34e8 rgb(220,52,232)
```
#e42bf1
```
#e42bf1 rgb(228,43,241)
```
#eb22fa
```
#eb22fa rgb(235,34,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e808f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f86c7 Protanopia 1% of men
#7d86b0 Deuteranopia 1% of men
#ab7b84 Tritanopia 0.001% of the population

Trichromacy

#867bc0 Protanomaly 1% of men, 0.01% of women
#8f7bb2 Deuteranomaly 6% of men, 0.4% of women
#ac7495 Tritanomaly 0.01% of the population