#507455 Color Information


In the RGB color space, #507455 is composed of 31.3725% red, 45.4902% green, and 33.3333% blue.

In the CMYK color space, #507455 is composed of 31.04% cyan, 0% magenta, 26.73% yellow, and 54.51% black,

It has a hue angle of 128.3 degrees, a saturation of 18.37%, and a lightness of 38.43%.

The closest websafe color is #666666.

#507455 RGB Values

#507455 CMYK Values



#507455 Color Conversion


The hexadecimal color #507455 has RGB values of R:80, G:116, B:85 and CMYK values of C:31.04, M:0, Y:26.73, K:54.51. It has a decimal value of 5272661.


Hexadecimal #507455 #507455
RGB Decimal 80, 116, 85 rgb(80, 116, 85)
RGB Percent 31.3725, 45.4902, 33.3333 rgb(31.3725%, 45.4902%, 33.3333%)
RGB Proportion 0.3137, 0.4549, 0.3333 rgb(0.3137, 0.4549, 0.3333)
CMYK 31.04, 0, 26.73, 54.51
HSL 128.3ยบ, 18.37, 38.43 hsl(128.3, 18.37%, 38.43%)
Websafe 666666 #666666
XYZ 11.192, 14.852, 10.869
Yxy 14.852, 0.303, 0.402
CIE-LAB 45.431, -19.716, 13.138
CIE-LCH 45.431, 23.692, 146.322
CIE-LUV 45.431, -17.662, 19.539
Hunter-Lab 38.538, -15.603, 10.255

Color Schemes For #507455


Colors that go well with #507455.

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

Alternatives to #507455


Colors similar to #507455.


#507455 Preview


Common HTML and CSS shortcodes for #507455.

Text with color #507455


The quick brown fox jumps over the lazy dog.

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

#507455 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #507455


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #507455


Linear gradient from #507455 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #507455


Radial gradient from #507455 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #507455 and its Complementary Color


Linear gradient from #507455 to #AF8BAA.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #507455 and its Complementary Color


Radial gradient from #507455 to #AF8BAA.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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