#1D4957 Color Information


In the RGB color space, #1D4957 is composed of 11.3725% red, 28.6275% green, and 34.1176% blue.

In the CMYK color space, #1D4957 is composed of 66.68% cyan, 16.09% magenta, 0% yellow, and 65.88% black,

It has a hue angle of 194.5 degrees, a saturation of 50.01%, and a lightness of 22.74%.

The closest websafe color is #333366.

#1D4957 RGB Values

#1D4957 CMYK Values



#1D4957 Color Conversion


The hexadecimal color #1D4957 has RGB values of R:29, G:73, B:87 and CMYK values of C:66.68, M:16.09, Y:0, K:65.88. It has a decimal value of 1919319.


Hexadecimal #1D4957 #1D4957
RGB Decimal 29, 73, 87 rgb(29, 73, 87)
RGB Percent 11.3725, 28.6275, 34.1176 rgb(11.3725%, 28.6275%, 34.1176%)
RGB Proportion 0.1137, 0.2863, 0.3412 rgb(0.1137, 0.2863, 0.3412)
CMYK 66.68, 16.09, 0, 65.88
HSL 194.5ยบ, 50.01, 22.74 hsl(194.5, 50.01%, 22.74%)
Websafe 333366 #333366
XYZ 4.61, 5.715, 9.878
Yxy 5.715, 0.228, 0.283
CIE-LAB 28.682, -10.25, -12.829
CIE-LCH 28.682, 16.421, 231.376
CIE-LUV 28.682, -16.456, -14.766
Hunter-Lab 23.906, -7.414, -7.764

Color Schemes For #1D4957


Colors that go well with #1D4957.

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

Alternatives to #1D4957


Colors similar to #1D4957.


#1D4957 Preview


Common HTML and CSS shortcodes for #1D4957.

Text with color #1D4957


The quick brown fox jumps over the lazy dog.

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

#1D4957 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #1D4957


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1D4957


Linear gradient from #1D4957 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1D4957


Radial gradient from #1D4957 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1D4957 and its Complementary Color


Linear gradient from #1D4957 to #E2B6A8.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1D4957 and its Complementary Color


Radial gradient from #1D4957 to #E2B6A8.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors