#001f5e - HEX HTML/CSS Color.

Information about hexadecimal (HEX) color #001f5e, converting to RGB and HSL.

The hexadecimal color code #001f5e after converting to RGB will be written as the following values: 0, 31, 94. And when converting to HSL - 220, 100%, 18%

The hexadecimal system is based on the number 16. The numbers in the hexadecimal sequence are as follows: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Numbers from 10 to 15 replaced by Latin letters. Numbers greater than 15 in this system are formed by combining two numbers into one.

The HEX value consists of three colors (#rrggbb, where r-red, g-green, b-blue. Each of the three colors - red, green and blue - can range from 00 to FF.

Color #001f5e is dark. Its brightness level is - 28.913 (the brightness level is counted as a number in the range from 0 to 255).


The full HEX color #001f5e in RGB will look like this:

rgb(0, 31, 94);

In rgb(x, x, x), 'x' is numbers from 0 to 255 that represent the amount of the corresponding color (red(RED), green(GREEN), blue(BLUE)).


When writing colors in HTML / CSS, HEX or RGB values ​​are most often used. You can also use keywords for named colors. Currently modern browsers can provide HSL support as well.

The complete HEX of color #001f5e in HSL will look like this:

hsl(220, 100%, 18%);

HSL is another type of color notation in HTML / CSS. The name of this format consists of the first letters of the values ​​from which the color is assembled. Hue, Saturate, Lightness.

Hue the value of the color on the color wheel, which is specified in degrees. 0 ° corresponds to red, 120 ° to green, 240 ° to blue. The hue value can range from 0 to 359.

Saturate - the intensity of the color, measured as a percentage from 0% to 100%. A value of 0% is no color and a shade of gray, and 100% is the maximum saturation value.

Lightness - is a value that shows how bright the color is and is indicated as a percentage from 0% to 100%. A lower value is darker, and a higher value is lighter (0% is white and 100% is black).

RGB, HSL values ​​table for HEX #001f5e

Color:
HEX: #001f5e
RGB: rgb(0, 31, 94)
HSL: hsl(220, 100%, 18%)

Color #001f5e in grayscale (#2f2f2f):

#2f2f2f

The complimentary color for #001f5e is #5e3f00.

A complimentary color is one that is opposite in the color wheel. Complementary colors reinforce each other, and when mixed, give a neutral gray without shades.

#5e3f00

Triad (combination of 3 equally spaced colors) for color #001f5e:

#001f5e
#5e001f
#1f5e00

Tetrad (color scheme, a special variant of the dual color scheme with equal spacing between all colors. All four colors are evenly distributed around the color wheel, resulting in no clear dominance of one color) for color #001f5e:

#001f5e
#5e004e
#5e3f00
#005e10

A palette of similar colors for #001f5e (generated based on a 30-degree rotation of the color wheel):

#001f5e
#00455e
#00325e
#001f5e
#000c5e
#07005e

Monochromatic color palette for #001f5e:

#001f5e
#002d88
#003bb3
#0049dd
#000309
#001133

Table with the result of various manipulations (lightening, darkening, etc. with a step of 5%) over the color #001f5e:

Lighter (step 5%) Darker (step 5%) Brighter (step 5%) Discoloration (step 5%) Saturation (step 5%)
#001f5e #001f5e #001f5e #001f5e #001f5e
#002777 #001744 #0d2c6b #02205c #001f5e
#003091 #000e2b #1a3978 #052159 #001f5e
#0038aa #000611 #264584 #072157 #001f5e
#0041c4 #000000 #335291 #092255 #001f5e
#0049dd #000000 #405f9e #0c2352 #001f5e
#0051f7 #000000 #4d6cab #0e2450 #001f5e
#1160ff #000000 #5978b7 #10254e #001f5e
#2b71ff #000000 #6685c4 #13254b #001f5e
#4482ff #000000 #7392d1 #152649 #001f5e
#5e93ff #000000 #809fde #172746 #001f5e
#77a4ff #000000 #8cabea #1a2844 #001f5e
#91b5ff #000000 #99b8f7 #1c2942 #001f5e
#aac6ff #000000 #a6c5ff #1f293f #001f5e
#c4d7ff #000000 #b3d2ff #212a3d #001f5e
#dde9ff #000000 #bfdeff #232b3b #001f5e
#f7faff #000000 #ccebff #262c38 #001f5e
#ffffff #000000 #d9f8ff #282d36 #001f5e
#ffffff #000000 #e6ffff #2a2d34 #001f5e
#ffffff #000000 #f2ffff #2d2e31 #001f5e
#ffffff #000000 #ffffff #2f2f2f #001f5e

Background color (background-color).

Code:

<h1 style="background-color:#001f5e;">Title text h1</h1> <h1 style="background-color:rgb(0, 31, 94);">Title text h1</h1> <h1 style="background-color:hsl(220, 100%, 18%);">Title text h1</h1>

Цвет текста (color).

Код:

<h1 style="color:#001f5e;">Title text h1</h1> <h1 style="color:rgb(0, 31, 94);">Title text h1</h1> <h1 style="color:hsl(220, 100%, 18%);">Title text h1</h1>

Border color (border-color).

Код:

<h1 style="border-color:#001f5e;">Title text h1</h1> <h1 style="border-color:rgb(0, 31, 94);">Title text h1</h1> <h1 style="border-color:hsl(220, 100%, 18%);">Title text h1</h1>

It is also worth noting that the RGB and HSL color formats support an alpha channel (RGBa, HSLa), which sets the transparency level of the color. The alpha channel is written as a fourth value, which can take a value from 0 to 1, where 0 is completely transparent and 1 is opaque.

Format:

rgba(R, G, B, a); hsla(H, S%, L%, a);