#af1676 hex color

In a RGB color space, hex #af1676 is composed of 68.6% red, 8.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.4% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 322.4 degrees, a saturation of 77.7% and a lightness of 38.6%. #af1676 color hex could be obtained by blending #ff2cec with #5f0000. Closest websafe color is: #990066.

♥
- f
- t
- g
- R 69
- G 9
- B 46
RGB color chart
- C 0
- M 87
- Y 33
- K 31
CMYK color chart

● #af1676 color description : Dark pink.

The hexadecimal color #af1676 has RGB values of R:175, G:22, B:118 and CMYK values of C:0, M:0.87, Y:0.33, K:0.31. Its decimal value is 11474550.

Hex triplet	af1676	`#af1676`
RGB Decimal	175, 22, 118	`rgb(175,22,118)`
RGB Percent	68.6, 8.6, 46.3	`rgb(68.6%,8.6%,46.3%)`
CMYK	0, 87, 33, 31
HSL	322.4°, 77.7, 38.6	`hsl(322.4,77.7%,38.6%)`
HSV (or HSB)	322.4°, 87.4, 68.6
Web Safe	990066	`#990066`

CIE-LAB	39.577, 63.846, -14.234
XYZ	21.236, 10.998, 18.143
xyY	0.422, 0.218, 10.998
CIE-LCH	39.577, 65.413, 347.432
CIE-LUV	39.577, 79.834, -29.327
Hunter-Lab	33.163, 56.27, -9.223
Binary	10101111, 00010110, 01110110

#af1676
```
#af1676 rgb(175,22,118)
```
#16af4f
```
#16af4f rgb(22,175,79)
```

Complementary Color

#9c16af
```
#9c16af rgb(156,22,175)
```
#af1676
```
#af1676 rgb(175,22,118)
```
#af162a
```
#af162a rgb(175,22,42)
```

Analogous Color

#16af9c
```
#16af9c rgb(22,175,156)
```
#af1676
```
#af1676 rgb(175,22,118)
```
#2aaf16
```
#2aaf16 rgb(42,175,22)
```

Split Complementary Color

#1676af
```
#1676af rgb(22,118,175)
```
#af1676
```
#af1676 rgb(175,22,118)
```
#76af16
```
#76af16 rgb(118,175,22)
```

Triadic Color

#4f16af
```
#4f16af rgb(79,22,175)
```
#af1676
```
#af1676 rgb(175,22,118)
```
#76af16
```
#76af16 rgb(118,175,22)
```
#16af4f
```
#16af4f rgb(22,175,79)
```

Tetradic Color

#6b0d48
```
#6b0d48 rgb(107,13,72)
```
#821057
```
#821057 rgb(130,16,87)
```
#981367
```
#981367 rgb(152,19,103)
```
#af1676
```
#af1676 rgb(175,22,118)
```
#c61985
```
#c61985 rgb(198,25,133)
```
#dc1c95
```
#dc1c95 rgb(220,28,149)
```
#e52da0
```
#e52da0 rgb(229,45,160)
```

Monochromatic Color

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

#af169c
```
#af169c rgb(175,22,156)
```
#af1690
```
#af1690 rgb(175,22,144)
```
#af1683
```
#af1683 rgb(175,22,131)
```
#af1676
```
#af1676 rgb(175,22,118)
```
#af1669
```
#af1669 rgb(175,22,105)
```
#af165d
```
#af165d rgb(175,22,93)
```
#af1650
```
#af1650 rgb(175,22,80)
```

Similar Colors

Text with hexadecimal color #af1676

This text has a font color of #af1676.

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

#af1676 background color

This paragraph has a background color of #af1676.

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

#af1676 border color

This element has a border color of #af1676.

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

CSS codes

.text {color:#af1676;}

.background {background-color:#af1676;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#12020c
```
#12020c rgb(18,2,12)
```
#240418
```
#240418 rgb(36,4,24)
```
#350724
```
#350724 rgb(53,7,36)
```
#460930
```
#460930 rgb(70,9,48)
```
#580b3b
```
#580b3b rgb(88,11,59)
```
#690d47
```
#690d47 rgb(105,13,71)
```
#7b0f53
```
#7b0f53 rgb(123,15,83)
```
#8c125f
```
#8c125f rgb(140,18,95)
```
#9e146a
```
#9e146a rgb(158,20,106)
```
#af1676
```
#af1676 rgb(175,22,118)
```
#c01882
```
#c01882 rgb(192,24,130)
```
#d21a8d
```
#d21a8d rgb(210,26,141)
```

Shade Color Variation

#e31d99
```
#e31d99 rgb(227,29,153)
```
#e52fa1
```
#e52fa1 rgb(229,47,161)
```
#e740a9
```
#e740a9 rgb(231,64,169)
```
#e952b1
```
#e952b1 rgb(233,82,177)
```
#eb63b9
```
#eb63b9 rgb(235,99,185)
```
#ee74c0
```
#ee74c0 rgb(238,116,192)
```
#f086c8
```
#f086c8 rgb(240,134,200)
```
#f297d0
```
#f297d0 rgb(242,151,208)
```
#f4a9d8
```
#f4a9d8 rgb(244,169,216)
```
#f6bae0
```
#f6bae0 rgb(246,186,224)
```
#f9cbe8
```
#f9cbe8 rgb(249,203,232)
```
#fbddf0
```
#fbddf0 rgb(251,221,240)
```
#fdeef7
```
#fdeef7 rgb(253,238,247)
```

Tint Color Variation

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

#636263
```
#636263 rgb(99,98,99)
```
#6b5a65
```
#6b5a65 rgb(107,90,101)
```
#725367
```
#725367 rgb(114,83,103)
```
#7a4b68
```
#7a4b68 rgb(122,75,104)
```
#82436a
```
#82436a rgb(130,67,106)
```
#893c6c
```
#893c6c rgb(137,60,108)
```
#91346e
```
#91346e rgb(145,52,110)
```
#982d70
```
#982d70 rgb(152,45,112)
```
#a02572
```
#a02572 rgb(160,37,114)
```
#a71e74
```
#a71e74 rgb(167,30,116)
```
#af1676
```
#af1676 rgb(175,22,118)
```
#b70e78
```
#b70e78 rgb(183,14,120)
```
#be077a
```
#be077a rgb(190,7,122)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#624457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4963a1 Protanopia 1% of men
#696371 Deuteranopia 1% of men
#ae3b3e Tritanopia 0.001% of the population

Trichromacy

#6e4791 Protanomaly 1% of men, 0.01% of women
#824773 Deuteranomaly 6% of men, 0.4% of women
#ae2d52 Tritanomaly 0.01% of the population

#af1676 hex color

#af1676 Color Information

#af1676 Color Conversion

Color Schemes with #af1676

Alternatives to #af1676

#af1676 Preview

Shades and Tints of #af1676

Tones of #af1676

Color Blindness Simulator