#551D0C Color Information


In the RGB color space, #551D0C is composed of 33.3333% red, 11.3725% green, and 4.7059% blue.

In the CMYK color space, #551D0C is composed of 0% cyan, 65.89% magenta, 85.87% yellow, and 66.67% black,

It has a hue angle of 14.0 degrees, a saturation of 75.24%, and a lightness of 19.02%.

The closest websafe color is #663300.

#551D0C RGB Values

#551D0C CMYK Values



#551D0C Color Conversion


The hexadecimal color #551D0C has RGB values of R:85, G:29, B:12 and CMYK values of C:0, M:65.89, Y:85.87, K:66.67. It has a decimal value of 5577996.


Hexadecimal #551D0C #551D0C
RGB Decimal 85, 29, 12 rgb(85, 29, 12)
RGB Percent 33.3333, 11.3725, 4.7059 rgb(33.3333%, 11.3725%, 4.7059%)
RGB Proportion 0.3333, 0.1137, 0.0471 rgb(0.3333, 0.1137, 0.0471)
CMYK 0, 65.89, 85.87, 66.67
HSL 14.0ยบ, 75.24, 19.02 hsl(14.0, 75.24%, 19.02%)
Websafe 663300 #663300
XYZ 4.251, 2.836, 0.671
Yxy 2.836, 0.548, 0.366
CIE-LAB 19.375, 25.005, 23.807
CIE-LCH 19.375, 34.526, 43.594
CIE-LUV 19.375, 37.926, 13.766
Hunter-Lab 16.84, 15.588, 9.426

Color Schemes For #551D0C


Colors that go well with #551D0C.

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

Alternatives to #551D0C


Colors similar to #551D0C.


#551D0C Preview


Common HTML and CSS shortcodes for #551D0C.

Text with color #551D0C


The quick brown fox jumps over the lazy dog.

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

#551D0C as background color


The quick brown fox jumps over the lazy dog.

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

Border with #551D0C


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #551D0C


Linear gradient from #551D0C to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #551D0C


Radial gradient from #551D0C to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #551D0C and its Complementary Color


Linear gradient from #551D0C to #AAE2F3.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#551D0C, #AAE2F3);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #551D0C and its Complementary Color


Radial gradient from #551D0C to #AAE2F3.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#551D0C, #AAE2F3);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #551D0C; } .background { background-color: #551D0C; } .border { border: 1px solid #551D0C; } .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 #551D0C


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

Shades


Tints

Random Colors