#417F51 Color Information


In the RGB color space, #417F51 is composed of 25.4902% red, 49.8039% green, and 31.7647% blue.

In the CMYK color space, #417F51 is composed of 48.82% cyan, 0% magenta, 36.22% yellow, and 50.2% black,

It has a hue angle of 135.5 degrees, a saturation of 32.29%, and a lightness of 37.65%.

The closest websafe color is #336666.

#417F51 RGB Values

#417F51 CMYK Values



#417F51 Color Conversion


The hexadecimal color #417F51 has RGB values of R:65, G:127, B:81 and CMYK values of C:48.82, M:0, Y:36.22, K:50.2. It has a decimal value of 4292433.


Hexadecimal #417F51 #417F51
RGB Decimal 65, 127, 81 rgb(65, 127, 81)
RGB Percent 25.4902, 49.8039, 31.7647 rgb(25.4902%, 49.8039%, 31.7647%)
RGB Proportion 0.2549, 0.498, 0.3176 rgb(0.2549, 0.498, 0.3176)
CMYK 48.82, 0, 36.22, 50.2
HSL 135.5ยบ, 32.29, 37.65 hsl(135.5, 32.29%, 37.65%)
Websafe 336666 #336666
XYZ 11.253, 16.894, 10.45
Yxy 16.894, 0.292, 0.438
CIE-LAB 48.126, -30.89, 18.993
CIE-LCH 48.126, 36.262, 148.414
CIE-LUV 48.126, -28.641, 28.348
Hunter-Lab 41.102, -23.059, 13.698

Color Schemes For #417F51


Colors that go well with #417F51.

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

Alternatives to #417F51


Colors similar to #417F51.


#417F51 Preview


Common HTML and CSS shortcodes for #417F51.

Text with color #417F51


The quick brown fox jumps over the lazy dog.

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

#417F51 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #417F51


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #417F51


Linear gradient from #417F51 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #417F51


Radial gradient from #417F51 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #417F51 and its Complementary Color


Linear gradient from #417F51 to #BE80AE.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #417F51 and its Complementary Color


Radial gradient from #417F51 to #BE80AE.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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 #FCFDFC.

Shades


Tints

Random Colors