#a30336 hex color

In a RGB color space, hex #a30336 is composed of 63.9% red, 1.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.2% magenta, 66.9% yellow and 36.1% black. It has a hue angle of 340.9 degrees, a saturation of 96.4% and a lightness of 32.5%. #a30336 color hex could be obtained by blending #ff066c with #470000. Closest websafe color is: #990033.

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

● #a30336 color description : Dark pink.

The hexadecimal color #a30336 has RGB values of R:163, G:3, B:54 and CMYK values of C:0, M:0.98, Y:0.67, K:0.36. Its decimal value is 10683190.

Hex triplet	a30336	`#a30336`
RGB Decimal	163, 3, 54	`rgb(163,3,54)`
RGB Percent	63.9, 1.2, 21.2	`rgb(63.9%,1.2%,21.2%)`
CMYK	0, 98, 67, 36
HSL	340.9°, 96.4, 32.5	`hsl(340.9,96.4%,32.5%)`
HSV (or HSB)	340.9°, 98.2, 63.9
Web Safe	990033	`#990033`

CIE-LAB	34.232, 58.427, 18.896
XYZ	15.803, 8.12, 4.225
xyY	0.561, 0.288, 8.12
CIE-LCH	34.232, 61.406, 17.922
CIE-LUV	34.232, 99.15, 7.993
Hunter-Lab	28.496, 49.127, 11.156
Binary	10100011, 00000011, 00110110

#a30336
```
#a30336 rgb(163,3,54)
```
#03a370
```
#03a370 rgb(3,163,112)
```

Complementary Color

#a30386
```
#a30386 rgb(163,3,134)
```
#a30336
```
#a30336 rgb(163,3,54)
```
#a32003
```
#a32003 rgb(163,32,3)
```

Analogous Color

#0386a3
```
#0386a3 rgb(3,134,163)
```
#a30336
```
#a30336 rgb(163,3,54)
```
#03a320
```
#03a320 rgb(3,163,32)
```

Split Complementary Color

#0336a3
```
#0336a3 rgb(3,54,163)
```
#a30336
```
#a30336 rgb(163,3,54)
```
#36a303
```
#36a303 rgb(54,163,3)
```

Triadic Color

#7003a3
```
#7003a3 rgb(112,3,163)
```
#a30336
```
#a30336 rgb(163,3,54)
```
#36a303
```
#36a303 rgb(54,163,3)
```
#03a370
```
#03a370 rgb(3,163,112)
```

Tetradic Color

#58021d
```
#58021d rgb(88,2,29)
```
#710225
```
#710225 rgb(113,2,37)
```
#8a032e
```
#8a032e rgb(138,3,46)
```
#a30336
```
#a30336 rgb(163,3,54)
```
#bc033e
```
#bc033e rgb(188,3,62)
```
#d50447
```
#d50447 rgb(213,4,71)
```
#ee044f
```
#ee044f rgb(238,4,79)
```

Monochromatic Color

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

#a3035e
```
#a3035e rgb(163,3,94)
```
#a30351
```
#a30351 rgb(163,3,81)
```
#a30343
```
#a30343 rgb(163,3,67)
```
#a30336
```
#a30336 rgb(163,3,54)
```
#a30329
```
#a30329 rgb(163,3,41)
```
#a3031b
```
#a3031b rgb(163,3,27)
```
#a3030e
```
#a3030e rgb(163,3,14)
```

Similar Colors

Text with hexadecimal color #a30336

This text has a font color of #a30336.

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

#a30336 background color

This paragraph has a background color of #a30336.

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

#a30336 border color

This element has a border color of #a30336.

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

CSS codes

.text {color:#a30336;}

.background {background-color:#a30336;}

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

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

#090003
```
#090003 rgb(9,0,3)
```
#1c0109
```
#1c0109 rgb(28,1,9)
```
#2f0110
```
#2f0110 rgb(47,1,16)
```
#430116
```
#430116 rgb(67,1,22)
```
#56021c
```
#56021c rgb(86,2,28)
```
#690223
```
#690223 rgb(105,2,35)
```
#7c0229
```
#7c0229 rgb(124,2,41)
```
#900330
```
#900330 rgb(144,3,48)
```
#a30336
```
#a30336 rgb(163,3,54)
```
#b6033c
```
#b6033c rgb(182,3,60)
```
#ca0443
```
#ca0443 rgb(202,4,67)
```
#dd0449
```
#dd0449 rgb(221,4,73)
```
#f00450
```
#f00450 rgb(240,4,80)
```

Shade Color Variation

#fb0e59
```
#fb0e59 rgb(251,14,89)
```
#fb2166
```
#fb2166 rgb(251,33,102)
```
#fb3474
```
#fb3474 rgb(251,52,116)
```
#fc4781
```
#fc4781 rgb(252,71,129)
```
#fc5b8e
```
#fc5b8e rgb(252,91,142)
```
#fc6e9b
```
#fc6e9b rgb(252,110,155)
```
#fd81a8
```
#fd81a8 rgb(253,129,168)
```
#fd94b6
```
#fd94b6 rgb(253,148,182)
```
#fda8c3
```
#fda8c3 rgb(253,168,195)
```
#febbd0
```
#febbd0 rgb(254,187,208)
```
#fecedd
```
#fecedd rgb(254,206,221)
```
#fee1eb
```
#fee1eb rgb(254,225,235)
```
#fff5f8
```
#fff5f8 rgb(255,245,248)
```

Tint Color Variation

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

#565052
```
#565052 rgb(86,80,82)
```
#5d494f
```
#5d494f rgb(93,73,79)
```
#63434d
```
#63434d rgb(99,67,77)
```
#6a3c4b
```
#6a3c4b rgb(106,60,75)
```
#703649
```
#703649 rgb(112,54,73)
```
#763046
```
#763046 rgb(118,48,70)
```
#7d2944
```
#7d2944 rgb(125,41,68)
```
#832342
```
#832342 rgb(131,35,66)
```
#891d3f
```
#891d3f rgb(137,29,63)
```
#90163d
```
#90163d rgb(144,22,61)
```
#96103b
```
#96103b rgb(150,16,59)
```
#9d0938
```
#9d0938 rgb(157,9,56)
```
#a30336
```
#a30336 rgb(163,3,54)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#4e2e38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5957 Protanopia 1% of men
#6b5536 Deuteranopia 1% of men
#a61d1b Tritanopia 0.001% of the population

Trichromacy

#75394b Protanomaly 1% of men, 0.01% of women
#7f3736 Deuteranomaly 6% of men, 0.4% of women
#a51425 Tritanomaly 0.01% of the population

#a30336 hex color

#a30336 Color Information

#a30336 Color Conversion

Color Schemes with #a30336

Alternatives to #a30336

#a30336 Preview

Shades and Tints of #a30336

Tones of #a30336

Color Blindness Simulator