colorhexa.com

#af1484 hex color

In a RGB color space, hex #af1484 is composed of 68.6% red, 7.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.6% magenta, 24.6% yellow and 31.4% black. It has a hue angle of 316.6 degrees, a saturation of 79.5% and a lightness of 38.2%. #af1484 color hex could be obtained by blending #ff28ff with #5f0009. Closest websafe color is: #990099.

- R 69
- G 8
- B 52
RGB color chart
- C 0
- M 89
- Y 25
- K 31
CMYK color chart

● #af1484 color description : Dark pink.

The hexadecimal color #af1484 has RGB values of R:175, G:20, B:132 and CMYK values of C:0, M:0.89, Y:0.25, K:0.31. Its decimal value is 11474052.

Hex triplet	af1484	`#af1484`
RGB Decimal	175, 20, 132	`rgb(175,20,132)`
RGB Percent	68.6, 7.8, 51.8	`rgb(68.6%,7.8%,51.8%)`
CMYK	0, 89, 25, 31
HSL	316.6°, 79.5, 38.2	`hsl(316.6,79.5%,38.2%)`
HSV (or HSB)	316.6°, 88.6, 68.6
Web Safe	990099	`#990099`

CIE-LAB	40.052, 65.831, -22.198
XYZ	22.094, 11.282, 22.843
xyY	0.393, 0.201, 11.282
CIE-LCH	40.052, 69.473, 341.366
CIE-LUV	40.052, 74.072, -40.394
Hunter-Lab	33.589, 58.634, -16.809
Binary	10101111, 00010100, 10000100

#af1484
```
#af1484 rgb(175,20,132)
```
#14af3f
```
#14af3f rgb(20,175,63)
```

Complementary Color

#8d14af
```
#8d14af rgb(141,20,175)
```
#af1484
```
#af1484 rgb(175,20,132)
```
#af1437
```
#af1437 rgb(175,20,55)
```

Analogous Color

#14af8d
```
#14af8d rgb(20,175,141)
```
#af1484
```
#af1484 rgb(175,20,132)
```
#37af14
```
#37af14 rgb(55,175,20)
```

Split Complementary Color

#1484af
```
#1484af rgb(20,132,175)
```
#af1484
```
#af1484 rgb(175,20,132)
```
#84af14
```
#84af14 rgb(132,175,20)
```

Triadic Color

#3f14af
```
#3f14af rgb(63,20,175)
```
#af1484
```
#af1484 rgb(175,20,132)
```
#84af14
```
#84af14 rgb(132,175,20)
```
#14af3f
```
#14af3f rgb(20,175,63)
```

Tetradic Color

#6a0c50
```
#6a0c50 rgb(106,12,80)
```
#810f61
```
#810f61 rgb(129,15,97)
```
#981173
```
#981173 rgb(152,17,115)
```
#af1484
```
#af1484 rgb(175,20,132)
```
#c61795
```
#c61795 rgb(198,23,149)
```
#dd19a7
```
#dd19a7 rgb(221,25,167)
```
#e729b2
```
#e729b2 rgb(231,41,178)
```

Monochromatic Color

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

#af14ab
```
#af14ab rgb(175,20,171)
```
#af149e
```
#af149e rgb(175,20,158)
```
#af1491
```
#af1491 rgb(175,20,145)
```
#af1484
```
#af1484 rgb(175,20,132)
```
#af1477
```
#af1477 rgb(175,20,119)
```
#af146a
```
#af146a rgb(175,20,106)
```
#af145d
```
#af145d rgb(175,20,93)
```

Similar Colors

Text with hexadecimal color #af1484

This text has a font color of #af1484.

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

#af1484 background color

This paragraph has a background color of #af1484.

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

#af1484 border color

This element has a border color of #af1484.

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

CSS codes

.text {color:#af1484;}

.background {background-color:#af1484;}

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

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

#11020c
```
#11020c rgb(17,2,12)
```
#22041a
```
#22041a rgb(34,4,26)
```
#340627
```
#340627 rgb(52,6,39)
```
#450834
```
#450834 rgb(69,8,52)
```
#570a42
```
#570a42 rgb(87,10,66)
```
#690c4f
```
#690c4f rgb(105,12,79)
```
#7a0e5c
```
#7a0e5c rgb(122,14,92)
```
#8c1069
```
#8c1069 rgb(140,16,105)
```
#9d1277
```
#9d1277 rgb(157,18,119)
```
#af1484
```
#af1484 rgb(175,20,132)
```
#c11691
```
#c11691 rgb(193,22,145)
```
#d2189f
```
#d2189f rgb(210,24,159)
```
#e41aac
```
#e41aac rgb(228,26,172)
```

Shade Color Variation

#e72bb3
```
#e72bb3 rgb(231,43,179)
```
#e93cb9
```
#e93cb9 rgb(233,60,185)
```
#eb4ebf
```
#eb4ebf rgb(235,78,191)
```
#ed60c6
```
#ed60c6 rgb(237,96,198)
```
#ef71cc
```
#ef71cc rgb(239,113,204)
```
#f183d2
```
#f183d2 rgb(241,131,210)
```
#f394d9
```
#f394d9 rgb(243,148,217)
```
#f5a6df
```
#f5a6df rgb(245,166,223)
```
#f7b8e5
```
#f7b8e5 rgb(247,184,229)
```
#f9c9ec
```
#f9c9ec rgb(249,201,236)
```
#fbdbf2
```
#fbdbf2 rgb(251,219,242)
```
#fdecf8
```
#fdecf8 rgb(253,236,248)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#645f63
```
#645f63 rgb(100,95,99)
```
#6c5866
```
#6c5866 rgb(108,88,102)
```
#735069
```
#735069 rgb(115,80,105)
```
#7b496d
```
#7b496d rgb(123,73,109)
```
#824170
```
#824170 rgb(130,65,112)
```
#8a3a73
```
#8a3a73 rgb(138,58,115)
```
#913277
```
#913277 rgb(145,50,119)
```
#992b7a
```
#992b7a rgb(153,43,122)
```
#a0237d
```
#a0237d rgb(160,35,125)
```
#a81c81
```
#a81c81 rgb(168,28,129)
```
#af1484
```
#af1484 rgb(175,20,132)
```
#b70d87
```
#b70d87 rgb(183,13,135)
```
#be058b
```
#be058b rgb(190,5,139)
```

Tone Color Variation

Below, you can see how #af1484 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
#62435a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3964b3 Protanopia 1% of men
#63647d Deuteranopia 1% of men
#ad3f43 Tritanopia 0.001% of the population

Trichromacy

#6446a2 Protanomaly 1% of men, 0.01% of women
#7f4780 Deuteranomaly 6% of men, 0.4% of women
#ad2f5a Tritanomaly 0.01% of the population