#1F415A Color Information


In the RGB color space, #1F415A is composed of 12.1569% red, 25.4902% green, and 35.2941% blue.

In the CMYK color space, #1F415A is composed of 65.54% cyan, 27.77% magenta, 0% yellow, and 64.71% black,

It has a hue angle of 205.4 degrees, a saturation of 48.75%, and a lightness of 23.72%.

The closest websafe color is #333366.

#1F415A RGB Values

#1F415A CMYK Values



#1F415A Color Conversion


The hexadecimal color #1F415A has RGB values of R:31, G:65, B:90 and CMYK values of C:65.54, M:27.77, Y:0, K:64.71. It has a decimal value of 2048346.


Hexadecimal #1F415A #1F415A
RGB Decimal 31, 65, 90 rgb(31, 65, 90)
RGB Percent 12.1569, 25.4902, 35.2941 rgb(12.1569%, 25.4902%, 35.2941%)
RGB Proportion 0.1216, 0.2549, 0.3529 rgb(0.1216, 0.2549, 0.3529)
CMYK 65.54, 27.77, 0, 64.71
HSL 205.4ยบ, 48.75, 23.72 hsl(205.4, 48.75%, 23.72%)
Websafe 333366 #333366
XYZ 4.301, 4.81, 10.372
Yxy 4.81, 0.221, 0.247
CIE-LAB 26.186, -3.663, -18.605
CIE-LCH 26.186, 18.962, 258.862
CIE-LUV 26.186, -12.903, -22.43
Hunter-Lab 21.932, -3.375, -12.687

Color Schemes For #1F415A


Colors that go well with #1F415A.

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

Alternatives to #1F415A


Colors similar to #1F415A.


#1F415A Preview


Common HTML and CSS shortcodes for #1F415A.

Text with color #1F415A


The quick brown fox jumps over the lazy dog.

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

#1F415A as background color


The quick brown fox jumps over the lazy dog.

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

Border with #1F415A


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1F415A


Linear gradient from #1F415A to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1F415A


Radial gradient from #1F415A to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1F415A and its Complementary Color


Linear gradient from #1F415A to #E0BEA5.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1F415A and its Complementary Color


Radial gradient from #1F415A to #E0BEA5.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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