#5F7455 Color Information


In the RGB color space, #5F7455 is composed of 37.2549% red, 45.4902% green, and 33.3333% blue.

In the CMYK color space, #5F7455 is composed of 18.11% cyan, 0% magenta, 26.73% yellow, and 54.51% black,

It has a hue angle of 100.7 degrees, a saturation of 15.43%, and a lightness of 39.41%.

The closest websafe color is #666666.

#5F7455 RGB Values

#5F7455 CMYK Values



#5F7455 Color Conversion


The hexadecimal color #5F7455 has RGB values of R:95, G:116, B:85 and CMYK values of C:18.11, M:0, Y:26.73, K:54.51. It has a decimal value of 6255701.


Hexadecimal #5F7455 #5F7455
RGB Decimal 95, 116, 85 rgb(95, 116, 85)
RGB Percent 37.2549, 45.4902, 33.3333 rgb(37.2549%, 45.4902%, 33.3333%)
RGB Proportion 0.3725, 0.4549, 0.3333 rgb(0.3725, 0.4549, 0.3333)
CMYK 18.11, 0, 26.73, 54.51
HSL 100.7ยบ, 15.43, 39.41 hsl(100.7, 15.43%, 39.41%)
Websafe 666666 #666666
XYZ 12.603, 15.579, 10.935
Yxy 15.579, 0.322, 0.398
CIE-LAB 46.417, -14.074, 14.652
CIE-LCH 46.417, 20.316, 133.847
CIE-LUV 46.417, -10.386, 20.543
Hunter-Lab 39.47, -12.077, 11.203

Color Schemes For #5F7455


Colors that go well with #5F7455.

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

Alternatives to #5F7455


Colors similar to #5F7455.


#5F7455 Preview


Common HTML and CSS shortcodes for #5F7455.

Text with color #5F7455


The quick brown fox jumps over the lazy dog.

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

#5F7455 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #5F7455


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5F7455


Linear gradient from #5F7455 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5F7455


Radial gradient from #5F7455 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5F7455 and its Complementary Color


Linear gradient from #5F7455 to #A08BAA.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5F7455 and its Complementary Color


Radial gradient from #5F7455 to #A08BAA.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors