#9a2f36 hex color

In a RGB color space, hex #9a2f36 is composed of 60.4% red, 18.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.5% magenta, 64.9% yellow and 39.6% black. It has a hue angle of 356.1 degrees, a saturation of 53.2% and a lightness of 39.4%. #9a2f36 color hex could be obtained by blending #ff5e6c with #350000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 60
- G 18
- B 21
RGB color chart
- C 0
- M 69
- Y 65
- K 40
CMYK color chart

● #9a2f36 color description : Dark moderate red.

The hexadecimal color #9a2f36 has RGB values of R:154, G:47, B:54 and CMYK values of C:0, M:0.69, Y:0.65, K:0.4. Its decimal value is 10104630.

Hex triplet	9a2f36	`#9a2f36`
RGB Decimal	154, 47, 54	`rgb(154,47,54)`
RGB Percent	60.4, 18.4, 21.2	`rgb(60.4%,18.4%,21.2%)`
CMYK	0, 69, 65, 40
HSL	356.1°, 53.2, 39.4	`hsl(356.1,53.2%,39.4%)`
HSV (or HSB)	356.1°, 69.5, 60.4
Web Safe	993333	`#993333`

CIE-LAB	36.312, 44.777, 21.2
XYZ	15.009, 9.171, 4.47
xyY	0.524, 0.32, 9.171
CIE-LCH	36.312, 49.542, 25.335
CIE-LUV	36.312, 77.353, 13.66
Hunter-Lab	30.284, 35.473, 12.448
Binary	10011010, 00101111, 00110110

#9a2f36
```
#9a2f36 rgb(154,47,54)
```
#2f9a93
```
#2f9a93 rgb(47,154,147)
```

Complementary Color

#9a2f6c
```
#9a2f6c rgb(154,47,108)
```
#9a2f36
```
#9a2f36 rgb(154,47,54)
```
#9a5e2f
```
#9a5e2f rgb(154,94,47)
```

Analogous Color

#2f6c9a
```
#2f6c9a rgb(47,108,154)
```
#9a2f36
```
#9a2f36 rgb(154,47,54)
```
#2f9a5e
```
#2f9a5e rgb(47,154,94)
```

Split Complementary Color

#2f369a
```
#2f369a rgb(47,54,154)
```
#9a2f36
```
#9a2f36 rgb(154,47,54)
```
#369a2f
```
#369a2f rgb(54,154,47)
```

Triadic Color

#932f9a
```
#932f9a rgb(147,47,154)
```
#9a2f36
```
#9a2f36 rgb(154,47,54)
```
#369a2f
```
#369a2f rgb(54,154,47)
```
#2f9a93
```
#2f9a93 rgb(47,154,147)
```

Tetradic Color

#5f1d21
```
#5f1d21 rgb(95,29,33)
```
#732328
```
#732328 rgb(115,35,40)
```
#86292f
```
#86292f rgb(134,41,47)
```
#9a2f36
```
#9a2f36 rgb(154,47,54)
```
#ae353d
```
#ae353d rgb(174,53,61)
```
#c13b44
```
#c13b44 rgb(193,59,68)
```
#c94d55
```
#c94d55 rgb(201,77,85)
```

Monochromatic Color

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

#9a2f51
```
#9a2f51 rgb(154,47,81)
```
#9a2f48
```
#9a2f48 rgb(154,47,72)
```
#9a2f3f
```
#9a2f3f rgb(154,47,63)
```
#9a2f36
```
#9a2f36 rgb(154,47,54)
```
#9a312f
```
#9a312f rgb(154,49,47)
```
#9a3a2f
```
#9a3a2f rgb(154,58,47)
```
#9a432f
```
#9a432f rgb(154,67,47)
```

Similar Colors

Text with hexadecimal color #9a2f36

This text has a font color of #9a2f36.

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

#9a2f36 background color

This paragraph has a background color of #9a2f36.

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

#9a2f36 border color

This element has a border color of #9a2f36.

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

CSS codes

.text {color:#9a2f36;}

.background {background-color:#9a2f36;}

.border {border:1px solid #9a2f36;}

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

#040101
```
#040101 rgb(4,1,1)
```
#130607
```
#130607 rgb(19,6,7)
```
#220a0c
```
#220a0c rgb(34,10,12)
```
#310f11
```
#310f11 rgb(49,15,17)
```
#401316
```
#401316 rgb(64,19,22)
```
#4f181c
```
#4f181c rgb(79,24,28)
```
#5e1d21
```
#5e1d21 rgb(94,29,33)
```
#6d2126
```
#6d2126 rgb(109,33,38)
```
#7c262b
```
#7c262b rgb(124,38,43)
```
#8b2a31
```
#8b2a31 rgb(139,42,49)
```
#9a2f36
```
#9a2f36 rgb(154,47,54)
```
#a9343b
```
#a9343b rgb(169,52,59)
```
#b83841
```
#b83841 rgb(184,56,65)
```

Shade Color Variation

#c53f48
```
#c53f48 rgb(197,63,72)
```
#c94e56
```
#c94e56 rgb(201,78,86)
```
#ce5d65
```
#ce5d65 rgb(206,93,101)
```
#d26c73
```
#d26c73 rgb(210,108,115)
```
#d77b81
```
#d77b81 rgb(215,123,129)
```
#db8a90
```
#db8a90 rgb(219,138,144)
```
#e09a9e
```
#e09a9e rgb(224,154,158)
```
#e5a9ac
```
#e5a9ac rgb(229,169,172)
```
#e9b8bb
```
#e9b8bb rgb(233,184,187)
```
#eec7c9
```
#eec7c9 rgb(238,199,201)
```
#f2d6d8
```
#f2d6d8 rgb(242,214,216)
```
#f7e5e6
```
#f7e5e6 rgb(247,229,230)
```
#fcf4f4
```
#fcf4f4 rgb(252,244,244)
```

Tint Color Variation

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

#6c5d5e
```
#6c5d5e rgb(108,93,94)
```
#735658
```
#735658 rgb(115,86,88)
```
#7b4e51
```
#7b4e51 rgb(123,78,81)
```
#83464a
```
#83464a rgb(131,70,74)
```
#8b3e43
```
#8b3e43 rgb(139,62,67)
```
#92373d
```
#92373d rgb(146,55,61)
```
#9a2f36
```
#9a2f36 rgb(154,47,54)
```
#a2272f
```
#a2272f rgb(162,39,47)
```
#a92029
```
#a92029 rgb(169,32,41)
```
#b11822
```
#b11822 rgb(177,24,34)
```
#b9101b
```
#b9101b rgb(185,16,27)
```
#c10814
```
#c10814 rgb(193,8,20)
```
#c8010e
```
#c8010e rgb(200,1,14)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#5f494b Atypical Achromatopsia 0.001% of the population

Dichromacy

#635e4e Protanopia 1% of men
#715a39 Deuteranopia 1% of men
#9f3a3d Tritanopia 0.001% of the population

Trichromacy

#774c45 Protanomaly 1% of men, 0.01% of women
#804a38 Deuteranomaly 6% of men, 0.4% of women
#9d363a Tritanomaly 0.01% of the population

#9a2f36 hex color

#9a2f36 Color Information

#9a2f36 Color Conversion

Color Schemes with #9a2f36

Alternatives to #9a2f36

#9a2f36 Preview

Shades and Tints of #9a2f36

Tones of #9a2f36

Color Blindness Simulator