#a30f36 hex color

In a RGB color space, hex #a30f36 is composed of 63.9% red, 5.9% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.8% magenta, 66.9% yellow and 36.1% black. It has a hue angle of 344.2 degrees, a saturation of 83.1% and a lightness of 34.9%. #a30f36 color hex could be obtained by blending #ff1e6c with #470000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 64
- G 6
- B 21
RGB color chart
- C 0
- M 91
- Y 67
- K 36
CMYK color chart

● #a30f36 color description : Dark pink.

The hexadecimal color #a30f36 has RGB values of R:163, G:15, B:54 and CMYK values of C:0, M:0.91, Y:0.67, K:0.36. Its decimal value is 10686262.

Hex triplet	a30f36	`#a30f36`
RGB Decimal	163, 15, 54	`rgb(163,15,54)`
RGB Percent	63.9, 5.9, 21.2	`rgb(63.9%,5.9%,21.2%)`
CMYK	0, 91, 67, 36
HSL	344.2°, 83.1, 34.9	`hsl(344.2,83.1%,34.9%)`
HSV (or HSB)	344.2°, 90.8, 63.9
Web Safe	990033	`#990033`

CIE-LAB	34.795, 56.796, 19.623
XYZ	15.942, 8.396, 4.271
xyY	0.557, 0.293, 8.396
CIE-LCH	34.795, 60.09, 19.06
CIE-LUV	34.795, 96.959, 9.11
Hunter-Lab	28.977, 47.493, 11.544
Binary	10100011, 00001111, 00110110

#a30f36
```
#a30f36 rgb(163,15,54)
```
#0fa37c
```
#0fa37c rgb(15,163,124)
```

Complementary Color

#a30f80
```
#a30f80 rgb(163,15,128)
```
#a30f36
```
#a30f36 rgb(163,15,54)
```
#a3320f
```
#a3320f rgb(163,50,15)
```

Analogous Color

#0f80a3
```
#0f80a3 rgb(15,128,163)
```
#a30f36
```
#a30f36 rgb(163,15,54)
```
#0fa332
```
#0fa332 rgb(15,163,50)
```

Split Complementary Color

#0f36a3
```
#0f36a3 rgb(15,54,163)
```
#a30f36
```
#a30f36 rgb(163,15,54)
```
#36a30f
```
#36a30f rgb(54,163,15)
```

Triadic Color

#7c0fa3
```
#7c0fa3 rgb(124,15,163)
```
#a30f36
```
#a30f36 rgb(163,15,54)
```
#36a30f
```
#36a30f rgb(54,163,15)
```
#0fa37c
```
#0fa37c rgb(15,163,124)
```

Tetradic Color

#5d091f
```
#5d091f rgb(93,9,31)
```
#740b27
```
#740b27 rgb(116,11,39)
```
#8c0d2e
```
#8c0d2e rgb(140,13,46)
```
#a30f36
```
#a30f36 rgb(163,15,54)
```
#ba113e
```
#ba113e rgb(186,17,62)
```
#d21345
```
#d21345 rgb(210,19,69)
```
#e9154d
```
#e9154d rgb(233,21,77)
```

Monochromatic Color

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

#a30f5b
```
#a30f5b rgb(163,15,91)
```
#a30f4f
```
#a30f4f rgb(163,15,79)
```
#a30f42
```
#a30f42 rgb(163,15,66)
```
#a30f36
```
#a30f36 rgb(163,15,54)
```
#a30f2a
```
#a30f2a rgb(163,15,42)
```
#a30f1d
```
#a30f1d rgb(163,15,29)
```
#a30f11
```
#a30f11 rgb(163,15,17)
```

Similar Colors

Text with hexadecimal color #a30f36

This text has a font color of #a30f36.

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

#a30f36 background color

This paragraph has a background color of #a30f36.

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

#a30f36 border color

This element has a border color of #a30f36.

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

CSS codes

.text {color:#a30f36;}

.background {background-color:#a30f36;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130206
```
#130206 rgb(19,2,6)
```
#25030c
```
#25030c rgb(37,3,12)
```
#370512
```
#370512 rgb(55,5,18)
```
#490718
```
#490718 rgb(73,7,24)
```
#5b081e
```
#5b081e rgb(91,8,30)
```
#6d0a24
```
#6d0a24 rgb(109,10,36)
```
#7f0c2a
```
#7f0c2a rgb(127,12,42)
```
#910d30
```
#910d30 rgb(145,13,48)
```
#a30f36
```
#a30f36 rgb(163,15,54)
```
#b5113c
```
#b5113c rgb(181,17,60)
```
#c71242
```
#c71242 rgb(199,18,66)
```
#d91448
```
#d91448 rgb(217,20,72)
```

Shade Color Variation

#ea174e
```
#ea174e rgb(234,23,78)
```
#eb295c
```
#eb295c rgb(235,41,92)
```
#ed3b6a
```
#ed3b6a rgb(237,59,106)
```
#ef4d77
```
#ef4d77 rgb(239,77,119)
```
#f05f85
```
#f05f85 rgb(240,95,133)
```
#f27193
```
#f27193 rgb(242,113,147)
```
#f483a0
```
#f483a0 rgb(244,131,160)
```
#f595ae
```
#f595ae rgb(245,149,174)
```
#f7a7bc
```
#f7a7bc rgb(247,167,188)
```
#f9b8c9
```
#f9b8c9 rgb(249,184,201)
```
#facad7
```
#facad7 rgb(250,202,215)
```
#fcdce5
```
#fcdce5 rgb(252,220,229)
```
#fdeef2
```
#fdeef2 rgb(253,238,242)
```

Tint Color Variation

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

#5f5356
```
#5f5356 rgb(95,83,86)
```
#654d53
```
#654d53 rgb(101,77,83)
```
#6c4650
```
#6c4650 rgb(108,70,80)
```
#733f4d
```
#733f4d rgb(115,63,77)
```
#7a3849
```
#7a3849 rgb(122,56,73)
```
#813146
```
#813146 rgb(129,49,70)
```
#882a43
```
#882a43 rgb(136,42,67)
```
#8e2440
```
#8e2440 rgb(142,36,64)
```
#951d3c
```
#951d3c rgb(149,29,60)
```
#9c1639
```
#9c1639 rgb(156,22,57)
```
#a30f36
```
#a30f36 rgb(163,15,54)
```
#aa0833
```
#aa0833 rgb(170,8,51)
```
#b10130
```
#b10130 rgb(177,1,48)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#54363e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5a55 Protanopia 1% of men
#6d5637 Deuteranopia 1% of men
#a62323 Tritanopia 0.001% of the population

Trichromacy

#763f4a Protanomaly 1% of men, 0.01% of women
#813c36 Deuteranomaly 6% of men, 0.4% of women
#a51c2a Tritanomaly 0.01% of the population

#a30f36 hex color

#a30f36 Color Information

#a30f36 Color Conversion

Color Schemes with #a30f36

Alternatives to #a30f36

#a30f36 Preview

Shades and Tints of #a30f36

Tones of #a30f36

Color Blindness Simulator