#9C172E Color Information


In the RGB color space, #9C172E is composed of 61.1765% red, 9.0196% green, and 18.0392% blue.

In the CMYK color space, #9C172E is composed of 0% cyan, 85.26% magenta, 70.51% yellow, and 38.82% black,

It has a hue angle of 349.6 degrees, a saturation of 74.3%, and a lightness of 35.1%.

The closest websafe color is #990033.

#9C172E RGB Values

#9C172E CMYK Values



#9C172E Color Conversion


The hexadecimal color #9C172E has RGB values of R:156, G:23, B:46 and CMYK values of C:0, M:85.26, Y:70.51, K:38.82. It has a decimal value of 10229550.


Hexadecimal #9C172E #9C172E
RGB Decimal 156, 23, 46 rgb(156, 23, 46)
RGB Percent 61.1765, 9.0196, 18.0392 rgb(61.1765%, 9.0196%, 18.0392%)
RGB Proportion 0.6118, 0.0902, 0.1804 rgb(0.6118, 0.0902, 0.1804)
CMYK 0, 85.26, 70.51, 38.82
HSL 349.6ยบ, 74.3, 35.1 hsl(349.6, 74.3%, 35.1%)
Websafe 990033 #990033
XYZ 14.512, 7.879, 3.341
Yxy 7.879, 0.564, 0.306
CIE-LAB 33.73, 52.887, 23.127
CIE-LCH 33.73, 57.723, 23.619
CIE-LUV 33.73, 91.595, 12.505
Hunter-Lab 28.07, 43.163, 12.592

Color Schemes For #9C172E


Colors that go well with #9C172E.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #9C172E


Colors similar to #9C172E.


#9C172E Preview


Common HTML and CSS shortcodes for #9C172E.

Text with color #9C172E


The quick brown fox jumps over the lazy dog.

<div style="color: #9C172E;">The quick brown fox jumps over the lazy dog.</div>

#9C172E as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #9C172E;">The quick brown fox jumps over the lazy dog.</div>

Border with #9C172E


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #9C172E;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #9C172E


Linear gradient from #9C172E to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#9C172E, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #9C172E


Radial gradient from #9C172E to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#9C172E, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #9C172E and its Complementary Color


Linear gradient from #9C172E to #63E8D1.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#9C172E, #63E8D1);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #9C172E and its Complementary Color


Radial gradient from #9C172E to #63E8D1.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#9C172E, #63E8D1);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #9C172E; } .background { background-color: #9C172E; } .border { border: 1px solid #9C172E; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #9C172E


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020001 while the lightest tint is #FEFBFC.

Shades


Tints

Random Colors