#a21f54 hex color

In a RGB color space, hex #a21f54 is composed of 63.5% red, 12.2% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 48.1% yellow and 36.5% black. It has a hue angle of 335.7 degrees, a saturation of 67.9% and a lightness of 37.8%. #a21f54 color hex could be obtained by blending #ff3ea8 with #450000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 64
- G 12
- B 33
RGB color chart
- C 0
- M 81
- Y 48
- K 36
CMYK color chart

● #a21f54 color description : Dark pink.

The hexadecimal color #a21f54 has RGB values of R:162, G:31, B:84 and CMYK values of C:0, M:0.81, Y:0.48, K:0.36. Its decimal value is 10624852.

Hex triplet	a21f54	`#a21f54`
RGB Decimal	162, 31, 84	`rgb(162,31,84)`
RGB Percent	63.5, 12.2, 32.9	`rgb(63.5%,12.2%,32.9%)`
CMYK	0, 81, 48, 36
HSL	335.7°, 67.9, 37.8	`hsl(335.7,67.9%,37.8%)`
HSV (or HSB)	335.7°, 80.9, 63.5
Web Safe	993366	`#993366`

CIE-LAB	36.562, 55.104, 2.583
XYZ	16.991, 9.303, 9.288
xyY	0.478, 0.261, 9.303
CIE-LCH	36.562, 55.164, 2.684
CIE-LUV	36.562, 81.144, -6.788
Hunter-Lab	30.501, 46.058, 3.296
Binary	10100010, 00011111, 01010100

#a21f54
```
#a21f54 rgb(162,31,84)
```
#1fa26d
```
#1fa26d rgb(31,162,109)
```

Complementary Color

#a21f96
```
#a21f96 rgb(162,31,150)
```
#a21f54
```
#a21f54 rgb(162,31,84)
```
#a22c1f
```
#a22c1f rgb(162,44,31)
```

Analogous Color

#1f96a2
```
#1f96a2 rgb(31,150,162)
```
#a21f54
```
#a21f54 rgb(162,31,84)
```
#1fa22c
```
#1fa22c rgb(31,162,44)
```

Split Complementary Color

#1f54a2
```
#1f54a2 rgb(31,84,162)
```
#a21f54
```
#a21f54 rgb(162,31,84)
```
#54a21f
```
#54a21f rgb(84,162,31)
```

Triadic Color

#6d1fa2
```
#6d1fa2 rgb(109,31,162)
```
#a21f54
```
#a21f54 rgb(162,31,84)
```
#54a21f
```
#54a21f rgb(84,162,31)
```
#1fa26d
```
#1fa26d rgb(31,162,109)
```

Tetradic Color

#621333
```
#621333 rgb(98,19,51)
```
#77173e
```
#77173e rgb(119,23,62)
```
#8d1b49
```
#8d1b49 rgb(141,27,73)
```
#a21f54
```
#a21f54 rgb(162,31,84)
```
#b7235f
```
#b7235f rgb(183,35,95)
```
#cd276a
```
#cd276a rgb(205,39,106)
```
#d83577
```
#d83577 rgb(216,53,119)
```

Monochromatic Color

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

#a21f75
```
#a21f75 rgb(162,31,117)
```
#a21f6a
```
#a21f6a rgb(162,31,106)
```
#a21f5f
```
#a21f5f rgb(162,31,95)
```
#a21f54
```
#a21f54 rgb(162,31,84)
```
#a21f49
```
#a21f49 rgb(162,31,73)
```
#a21f3e
```
#a21f3e rgb(162,31,62)
```
#a21f33
```
#a21f33 rgb(162,31,51)
```

Similar Colors

Text with hexadecimal color #a21f54

This text has a font color of #a21f54.

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

#a21f54 background color

This paragraph has a background color of #a21f54.

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

#a21f54 border color

This element has a border color of #a21f54.

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

CSS codes

.text {color:#a21f54;}

.background {background-color:#a21f54;}

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

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

#0e0307
```
#0e0307 rgb(14,3,7)
```
#1e0610
```
#1e0610 rgb(30,6,16)
```
#2f0918
```
#2f0918 rgb(47,9,24)
```
#3f0c21
```
#3f0c21 rgb(63,12,33)
```
#500f29
```
#500f29 rgb(80,15,41)
```
#601232
```
#601232 rgb(96,18,50)
```
#71163a
```
#71163a rgb(113,22,58)
```
#811943
```
#811943 rgb(129,25,67)
```
#921c4b
```
#921c4b rgb(146,28,75)
```
#a21f54
```
#a21f54 rgb(162,31,84)
```
#b2225d
```
#b2225d rgb(178,34,93)
```
#c32565
```
#c32565 rgb(195,37,101)
```
#d3286e
```
#d3286e rgb(211,40,110)
```

Shade Color Variation

#d93778
```
#d93778 rgb(217,55,120)
```
#dc4783
```
#dc4783 rgb(220,71,131)
```
#df588e
```
#df588e rgb(223,88,142)
```
#e2689a
```
#e2689a rgb(226,104,154)
```
#e579a5
```
#e579a5 rgb(229,121,165)
```
#e889b0
```
#e889b0 rgb(232,137,176)
```
#ec9abb
```
#ec9abb rgb(236,154,187)
```
#efaac6
```
#efaac6 rgb(239,170,198)
```
#f2bad1
```
#f2bad1 rgb(242,186,209)
```
#f5cbdc
```
#f5cbdc rgb(245,203,220)
```
#f8dbe7
```
#f8dbe7 rgb(248,219,231)
```
#fbecf2
```
#fbecf2 rgb(251,236,242)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#675a5f
```
#675a5f rgb(103,90,95)
```
#6e535e
```
#6e535e rgb(110,83,94)
```
#754c5c
```
#754c5c rgb(117,76,92)
```
#7d445b
```
#7d445b rgb(125,68,91)
```
#843d5a
```
#843d5a rgb(132,61,90)
```
#8c3558
```
#8c3558 rgb(140,53,88)
```
#932e57
```
#932e57 rgb(147,46,87)
```
#9b2655
```
#9b2655 rgb(155,38,85)
```
#a21f54
```
#a21f54 rgb(162,31,84)
```
#a91853
```
#a91853 rgb(169,24,83)
```
#b11051
```
#b11051 rgb(177,16,81)
```
#b80950
```
#b80950 rgb(184,9,80)
```
#c0014e
```
#c0014e rgb(192,1,78)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#5d434e Atypical Achromatopsia 0.001% of the population

Dichromacy

#585d75 Protanopia 1% of men
#6b5b54 Deuteranopia 1% of men
#a43537 Tritanopia 0.001% of the population

Trichromacy

#734769 Protanomaly 1% of men, 0.01% of women
#7f4554 Deuteranomaly 6% of men, 0.4% of women
#a32d41 Tritanomaly 0.01% of the population

#a21f54 hex color

#a21f54 Color Information

#a21f54 Color Conversion

Color Schemes with #a21f54

Alternatives to #a21f54

#a21f54 Preview

Shades and Tints of #a21f54

Tones of #a21f54

Color Blindness Simulator