#152542 Color Information


In the RGB color space, #152542 is composed of 8.2353% red, 14.5098% green, and 25.8824% blue.

In the CMYK color space, #152542 is composed of 68.16% cyan, 43.93% magenta, 0% yellow, and 74.12% black,

It has a hue angle of 218.7 degrees, a saturation of 51.7%, and a lightness of 17.06%.

The closest websafe color is #003333.

#152542 RGB Values

#152542 CMYK Values



#152542 Color Conversion


The hexadecimal color #152542 has RGB values of R:21, G:37, B:66 and CMYK values of C:68.16, M:43.93, Y:0, K:74.12. It has a decimal value of 1385794.


Hexadecimal #152542 #152542
RGB Decimal 21, 37, 66 rgb(21, 37, 66)
RGB Percent 8.2353, 14.5098, 25.8824 rgb(8.2353%, 14.5098%, 25.8824%)
RGB Proportion 0.0824, 0.1451, 0.2588 rgb(0.0824, 0.1451, 0.2588)
CMYK 68.16, 43.93, 0, 74.12
HSL 218.7ยบ, 51.7, 17.06 hsl(218.7, 51.7%, 17.06%)
Websafe 003333 #003333
XYZ 1.954, 1.876, 5.412
Yxy 1.876, 0.211, 0.203
CIE-LAB 14.823, 4.116, -20.393
CIE-LCH 14.823, 20.804, 281.411
CIE-LUV 14.823, -5.615, -20.023
Hunter-Lab 13.697, 1.496, -13.84

Color Schemes For #152542


Colors that go well with #152542.

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

Alternatives to #152542


Colors similar to #152542.


#152542 Preview


Common HTML and CSS shortcodes for #152542.

Text with color #152542


The quick brown fox jumps over the lazy dog.

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

#152542 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #152542


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #152542


Linear gradient from #152542 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #152542


Radial gradient from #152542 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #152542 and its Complementary Color


Linear gradient from #152542 to #EADABD.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #152542 and its Complementary Color


Radial gradient from #152542 to #EADABD.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors