#9a2f30 hex color

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

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

● #9a2f30 color description : Dark moderate red.

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

Hex triplet	9a2f30	`#9a2f30`
RGB Decimal	154, 47, 48	`rgb(154,47,48)`
RGB Percent	60.4, 18.4, 18.8	`rgb(60.4%,18.4%,18.8%)`
CMYK	0, 69, 69, 40
HSL	359.4°, 53.2, 39.4	`hsl(359.4,53.2%,39.4%)`
HSV (or HSB)	359.4°, 69.5, 60.4
Web Safe	993333	`#993333`

CIE-LAB	36.211, 44.415, 24.816
XYZ	14.877, 9.118, 3.773
xyY	0.536, 0.328, 9.118
CIE-LCH	36.211, 50.878, 29.194
CIE-LUV	36.211, 78.762, 16.579
Hunter-Lab	30.196, 35.1, 13.73
Binary	10011010, 00101111, 00110000

#9a2f30
```
#9a2f30 rgb(154,47,48)
```
#2f9a99
```
#2f9a99 rgb(47,154,153)
```

Complementary Color

#9a2f66
```
#9a2f66 rgb(154,47,102)
```
#9a2f30
```
#9a2f30 rgb(154,47,48)
```
#9a642f
```
#9a642f rgb(154,100,47)
```

Analogous Color

#2f669a
```
#2f669a rgb(47,102,154)
```
#9a2f30
```
#9a2f30 rgb(154,47,48)
```
#2f9a64
```
#2f9a64 rgb(47,154,100)
```

Split Complementary Color

#2f309a
```
#2f309a rgb(47,48,154)
```
#9a2f30
```
#9a2f30 rgb(154,47,48)
```
#309a2f
```
#309a2f rgb(48,154,47)
```

Triadic Color

#992f9a
```
#992f9a rgb(153,47,154)
```
#9a2f30
```
#9a2f30 rgb(154,47,48)
```
#309a2f
```
#309a2f rgb(48,154,47)
```
#2f9a99
```
#2f9a99 rgb(47,154,153)
```

Tetradic Color

#5f1d1e
```
#5f1d1e rgb(95,29,30)
```
#732324
```
#732324 rgb(115,35,36)
```
#86292a
```
#86292a rgb(134,41,42)
```
#9a2f30
```
#9a2f30 rgb(154,47,48)
```
#ae3536
```
#ae3536 rgb(174,53,54)
```
#c13b3c
```
#c13b3c rgb(193,59,60)
```
#c94d4e
```
#c94d4e rgb(201,77,78)
```

Monochromatic Color

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

#9a2f4b
```
#9a2f4b rgb(154,47,75)
```
#9a2f42
```
#9a2f42 rgb(154,47,66)
```
#9a2f39
```
#9a2f39 rgb(154,47,57)
```
#9a2f30
```
#9a2f30 rgb(154,47,48)
```
#9a372f
```
#9a372f rgb(154,55,47)
```
#9a402f
```
#9a402f rgb(154,64,47)
```
#9a492f
```
#9a492f rgb(154,73,47)
```

Similar Colors

Text with hexadecimal color #9a2f30

This text has a font color of #9a2f30.

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

#9a2f30 background color

This paragraph has a background color of #9a2f30.

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

#9a2f30 border color

This element has a border color of #9a2f30.

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

CSS codes

.text {color:#9a2f30;}

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

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

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)
```
#130606
```
#130606 rgb(19,6,6)
```
#220a0b
```
#220a0b rgb(34,10,11)
```
#310f0f
```
#310f0f rgb(49,15,15)
```
#401314
```
#401314 rgb(64,19,20)
```
#4f1819
```
#4f1819 rgb(79,24,25)
```
#5e1d1d
```
#5e1d1d rgb(94,29,29)
```
#6d2122
```
#6d2122 rgb(109,33,34)
```
#7c2627
```
#7c2627 rgb(124,38,39)
```
#8b2a2b
```
#8b2a2b rgb(139,42,43)
```
#9a2f30
```
#9a2f30 rgb(154,47,48)
```
#a93435
```
#a93435 rgb(169,52,53)
```
#b83839
```
#b83839 rgb(184,56,57)
```

Shade Color Variation

#c53f41
```
#c53f41 rgb(197,63,65)
```
#c94e50
```
#c94e50 rgb(201,78,80)
```
#ce5d5e
```
#ce5d5e rgb(206,93,94)
```
#d26c6d
```
#d26c6d rgb(210,108,109)
```
#d77b7c
```
#d77b7c rgb(215,123,124)
```
#db8a8b
```
#db8a8b rgb(219,138,139)
```
#e09a9a
```
#e09a9a rgb(224,154,154)
```
#e5a9a9
```
#e5a9a9 rgb(229,169,169)
```
#e9b8b8
```
#e9b8b8 rgb(233,184,184)
```
#eec7c7
```
#eec7c7 rgb(238,199,199)
```
#f2d6d6
```
#f2d6d6 rgb(242,214,214)
```
#f7e5e5
```
#f7e5e5 rgb(247,229,229)
```
#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 #c80102 is the most saturated one.

#6c5d5e
```
#6c5d5e rgb(108,93,94)
```
#735656
```
#735656 rgb(115,86,86)
```
#7b4e4e
```
#7b4e4e rgb(123,78,78)
```
#834647
```
#834647 rgb(131,70,71)
```
#8b3e3f
```
#8b3e3f rgb(139,62,63)
```
#923738
```
#923738 rgb(146,55,56)
```
#9a2f30
```
#9a2f30 rgb(154,47,48)
```
#a22728
```
#a22728 rgb(162,39,40)
```
#a92021
```
#a92021 rgb(169,32,33)
```
#b11819
```
#b11819 rgb(177,24,25)
```
#b91012
```
#b91012 rgb(185,16,18)
```
#c1080a
```
#c1080a rgb(193,8,10)
```
#c80102
```
#c80102 rgb(200,1,2)
```

Tone Color Variation

Below, you can see how #9a2f30 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
#5e4949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645d47 Protanopia 1% of men
#725933 Deuteranopia 1% of men
#9f393c Tritanopia 0.001% of the population

Trichromacy

#774c3e Protanomaly 1% of men, 0.01% of women
#804a32 Deuteranomaly 6% of men, 0.4% of women
#9d3537 Tritanomaly 0.01% of the population

#9a2f30 hex color

#9a2f30 Color Information

#9a2f30 Color Conversion

Color Schemes with #9a2f30

Alternatives to #9a2f30

#9a2f30 Preview

Shades and Tints of #9a2f30

Tones of #9a2f30

Color Blindness Simulator