colorhexa.com

#9a312d hex color

In a RGB color space, hex #9a312d is composed of 60.4% red, 19.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.2% magenta, 70.8% yellow and 39.6% black. It has a hue angle of 2.2 degrees, a saturation of 54.8% and a lightness of 39%. #9a312d color hex could be obtained by blending #ff625a with #350000. Closest websafe color is: #993333.

- R 60
- G 19
- B 18
RGB color chart
- C 0
- M 68
- Y 71
- K 40
CMYK color chart

● #9a312d color description : Dark red.

The hexadecimal color #9a312d has RGB values of R:154, G:49, B:45 and CMYK values of C:0, M:0.68, Y:0.71, K:0.4. Its decimal value is 10105133.

Hex triplet	9a312d	`#9a312d`
RGB Decimal	154, 49, 45	`rgb(154,49,45)`
RGB Percent	60.4, 19.2, 17.6	`rgb(60.4%,19.2%,17.6%)`
CMYK	0, 68, 71, 40
HSL	2.2°, 54.8, 39	`hsl(2.2,54.8%,39%)`
HSV (or HSB)	2.2°, 70.8, 60.4
Web Safe	993333	`#993333`

CIE-LAB	36.476, 43.404, 26.976
XYZ	14.899, 9.258, 3.485
xyY	0.539, 0.335, 9.258
CIE-LCH	36.476, 51.104, 31.861
CIE-LUV	36.476, 78.271, 18.508
Hunter-Lab	30.427, 34.16, 14.508
Binary	10011010, 00110001, 00101101

#9a312d
```
#9a312d rgb(154,49,45)
```
#2d969a
```
#2d969a rgb(45,150,154)
```

Complementary Color

#9a2d60
```
#9a2d60 rgb(154,45,96)
```
#9a312d
```
#9a312d rgb(154,49,45)
```
#9a682d
```
#9a682d rgb(154,104,45)
```

Analogous Color

#2d5f9a
```
#2d5f9a rgb(45,95,154)
```
#9a312d
```
#9a312d rgb(154,49,45)
```
#2d9a68
```
#2d9a68 rgb(45,154,104)
```

Split Complementary Color

#312d9a
```
#312d9a rgb(49,45,154)
```
#9a312d
```
#9a312d rgb(154,49,45)
```
#2d9a31
```
#2d9a31 rgb(45,154,49)
```

Triadic Color

#9a2d96
```
#9a2d96 rgb(154,45,150)
```
#9a312d
```
#9a312d rgb(154,49,45)
```
#2d9a31
```
#2d9a31 rgb(45,154,49)
```
#2d969a
```
#2d969a rgb(45,150,154)
```

Tetradic Color

#5f1e1c
```
#5f1e1c rgb(95,30,28)
```
#732421
```
#732421 rgb(115,36,33)
```
#862b27
```
#862b27 rgb(134,43,39)
```
#9a312d
```
#9a312d rgb(154,49,45)
```
#ae3733
```
#ae3733 rgb(174,55,51)
```
#c13e39
```
#c13e39 rgb(193,62,57)
```
#ca4e4a
```
#ca4e4a rgb(202,78,74)
```

Monochromatic Color

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

#9a2d44
```
#9a2d44 rgb(154,45,68)
```
#9a2d3b
```
#9a2d3b rgb(154,45,59)
```
#9a2d32
```
#9a2d32 rgb(154,45,50)
```
#9a312d
```
#9a312d rgb(154,49,45)
```
#9a3a2d
```
#9a3a2d rgb(154,58,45)
```
#9a432d
```
#9a432d rgb(154,67,45)
```
#9a4c2d
```
#9a4c2d rgb(154,76,45)
```

Similar Colors

Text with hexadecimal color #9a312d

This text has a font color of #9a312d.

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

#9a312d background color

This paragraph has a background color of #9a312d.

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

#9a312d border color

This element has a border color of #9a312d.

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

CSS codes

.text {color:#9a312d;}

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

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110605
```
#110605 rgb(17,6,5)
```
#210a0a
```
#210a0a rgb(33,10,10)
```
#300f0e
```
#300f0e rgb(48,15,14)
```
#3f1412
```
#3f1412 rgb(63,20,18)
```
#4e1917
```
#4e1917 rgb(78,25,23)
```
#5d1e1b
```
#5d1e1b rgb(93,30,27)
```
#6c2320
```
#6c2320 rgb(108,35,32)
```
#7c2724
```
#7c2724 rgb(124,39,36)
```
#8b2c29
```
#8b2c29 rgb(139,44,41)
```
#9a312d
```
#9a312d rgb(154,49,45)
```
#a93631
```
#a93631 rgb(169,54,49)
```
#b83b36
```
#b83b36 rgb(184,59,54)
```

Shade Color Variation

#c6413c
```
#c6413c rgb(198,65,60)
```
#ca504b
```
#ca504b rgb(202,80,75)
```
#cf5f5a
```
#cf5f5a rgb(207,95,90)
```
#d36d69
```
#d36d69 rgb(211,109,105)
```
#d87c79
```
#d87c79 rgb(216,124,121)
```
#dc8b88
```
#dc8b88 rgb(220,139,136)
```
#e19a97
```
#e19a97 rgb(225,154,151)
```
#e5a8a6
```
#e5a8a6 rgb(229,168,166)
```
#e9b7b5
```
#e9b7b5 rgb(233,183,181)
```
#eec6c4
```
#eec6c4 rgb(238,198,196)
```
#f2d5d4
```
#f2d5d4 rgb(242,213,212)
```
#f7e4e3
```
#f7e4e3 rgb(247,228,227)
```
#fbf2f2
```
#fbf2f2 rgb(251,242,242)
```

Tint Color Variation

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

#646363
```
#646363 rgb(100,99,99)
```
#6c5c5b
```
#6c5c5b rgb(108,92,91)
```
#745453
```
#745453 rgb(116,84,83)
```
#7b4d4c
```
#7b4d4c rgb(123,77,76)
```
#834644
```
#834644 rgb(131,70,68)
```
#8b3f3c
```
#8b3f3c rgb(139,63,60)
```
#923835
```
#923835 rgb(146,56,53)
```
#9a312d
```
#9a312d rgb(154,49,45)
```
#a22a25
```
#a22a25 rgb(162,42,37)
```
#a9231e
```
#a9231e rgb(169,35,30)
```
#b11c16
```
#b11c16 rgb(177,28,22)
```
#b9150e
```
#b9150e rgb(185,21,14)
```
#c00e07
```
#c00e07 rgb(192,14,7)
```

Tone Color Variation

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

Dichromacy

#655e43 Protanopia 1% of men
#735a30 Deuteranopia 1% of men
#9f3a3d Tritanopia 0.001% of the population

Trichromacy

#784d3b Protanomaly 1% of men, 0.01% of women
#814b2f Deuteranomaly 6% of men, 0.4% of women
#9d3737 Tritanomaly 0.01% of the population