#7d6865 - HEX HTML/CSS Color.

Information about hexadecimal (HEX) color #7d6865, converting to RGB and HSL.

The hexadecimal color code #7d6865 after converting to RGB will be written as the following values: 125, 104, 101. And when converting to HSL - 8, 11%, 44%

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 #7d6865 is dark. Its brightness level is - 109.937 (the brightness level is counted as a number in the range from 0 to 255).


The full HEX color #7d6865 in RGB will look like this:

rgb(125, 104, 101);

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 #7d6865 in HSL will look like this:

hsl(8, 11%, 44%);

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 #7d6865

Color:
HEX: #7d6865
RGB: rgb(125, 104, 101)
HSL: hsl(8, 11%, 44%)

Color #7d6865 in grayscale (#717171):

#717171

The complimentary color for #7d6865 is #657a7d.

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.

#657a7d

Triad (combination of 3 equally spaced colors) for color #7d6865:

#7d6865
#657d68
#68657d

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 #7d6865:

#7d6865
#6e7d65
#657a7d
#74657d

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

#7d6865
#7d656c
#7d6567
#7d6865
#7d6d65
#7d7265

Monochromatic color palette for #7d6865:

#7d6865
#a78b87
#d2afaa
#fcd2cc
#282120
#524543

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

Lighter (step 5%) Darker (step 5%) Brighter (step 5%) Discoloration (step 5%) Saturation (step 5%)
#7d6865 #7d6865 #7d6865 #7d6865 #7d6865
#8b7470 #6f5c5a #8a7572 #776c6b #83645f
#97817e #61514e #97827f #727070 #88605a
#a28f8c #534543 #a38e8b #717171 #8e5b54
#ae9d9a #453937 #b09b98 #717171 #94574e
#b9aba8 #362d2c #bda8a5 #717171 #995349
#c4b8b7 #282221 #cab5b2 #717171 #9f4f43
#d0c6c5 #1a1615 #d6c1be #717171 #a54a3d
#dbd4d3 #0c0a0a #e3cecb #717171 #aa4638
#e7e2e1 #000000 #f0dbd8 #717171 #b04232
#f2efef #000000 #fde8e5 #717171 #b53e2d
#fdfdfd #000000 #fff4f1 #717171 #bb3927
#ffffff #000000 #fffffe #717171 #c13521
#ffffff #000000 #ffffff #717171 #c6311c
#ffffff #000000 #ffffff #717171 #cc2d16
#ffffff #000000 #ffffff #717171 #d22810
#ffffff #000000 #ffffff #717171 #d7240b
#ffffff #000000 #ffffff #717171 #dd2005
#ffffff #000000 #ffffff #717171 #e21c00
#ffffff #000000 #ffffff #717171 #e21c00
#ffffff #000000 #ffffff #717171 #e21c00

Background color (background-color).

Code:

<h1 style="background-color:#7d6865;">Title text h1</h1> <h1 style="background-color:rgb(125, 104, 101);">Title text h1</h1> <h1 style="background-color:hsl(8, 11%, 44%);">Title text h1</h1>

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

Код:

<h1 style="color:#7d6865;">Title text h1</h1> <h1 style="color:rgb(125, 104, 101);">Title text h1</h1> <h1 style="color:hsl(8, 11%, 44%);">Title text h1</h1>

Border color (border-color).

Код:

<h1 style="border-color:#7d6865;">Title text h1</h1> <h1 style="border-color:rgb(125, 104, 101);">Title text h1</h1> <h1 style="border-color:hsl(8, 11%, 44%);">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);