#23eabd - HEX HTML/CSS Color.

Information about hexadecimal (HEX) color #23eabd, converting to RGB and HSL.

The hexadecimal color code #23eabd after converting to RGB will be written as the following values: 35, 234, 189. And when converting to HSL - 166, 83%, 53%

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 #23eabd is light. Its brightness level is - 169.369 (the brightness level is counted as a number in the range from 0 to 255).


The full HEX color #23eabd in RGB will look like this:

rgb(35, 234, 189);

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

hsl(166, 83%, 53%);

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 #23eabd

Color:
HEX: #23eabd
RGB: rgb(35, 234, 189)
HSL: hsl(166, 83%, 53%)

Color #23eabd in grayscale (#868686):

#868686

The complimentary color for #23eabd is #ea2350.

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.

#ea2350

Triad (combination of 3 equally spaced colors) for color #23eabd:

#23eabd
#bd23ea
#eabd23

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 #23eabd:

#23eabd
#5923ea
#ea2350
#b3ea23

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

#23eabd
#23ea6d
#23ea95
#23eabd
#23eae5
#23c7ea

Monochromatic color palette for #23eabd:

#23eabd
#031511
#0a4034
#106a56
#169578
#1dbf9b

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

Lighter (step 5%) Darker (step 5%) Brighter (step 5%) Discoloration (step 5%) Saturation (step 5%)
#23eabd #23eabd #23eabd #23eabd #23eabd
#3aecc4 #15deb1 #30f7ca #29e4ba #1df0c0
#52eecb #13c79e #3dffd7 #2fdeb6 #17f6c4
#69f1d2 #11b08c #49ffe3 #35d8b3 #11fcc7
#80f3d9 #0f9879 #56fff0 #3bd2b0 #0effc8
#97f5e0 #0c8167 #63fffd #41ccac #0effc8
#aff7e7 #0a6a54 #70ffff #47c6a9 #0effc8
#c6faee #085342 #7cffff #4dc0a6 #0effc8
#ddfcf5 #063b2f #89ffff #53baa3 #0effc8
#f4fefc #03241d #96ffff #59b49f #0effc8
#ffffff #010d0a #a3ffff #5fae9c #0effc8
#ffffff #000000 #afffff #65a899 #0effc8
#ffffff #000000 #bcffff #6ba295 #0effc8
#ffffff #000000 #c9ffff #719c92 #0effc8
#ffffff #000000 #d6ffff #77968f #0effc8
#ffffff #000000 #e2ffff #7d908b #0effc8
#ffffff #000000 #efffff #838a88 #0effc8
#ffffff #000000 #fcffff #868686 #0effc8
#ffffff #000000 #ffffff #868686 #0effc8
#ffffff #000000 #ffffff #868686 #0effc8
#ffffff #000000 #ffffff #868686 #0effc8

Background color (background-color).

Code:

<h1 style="background-color:#23eabd;">Title text h1</h1> <h1 style="background-color:rgb(35, 234, 189);">Title text h1</h1> <h1 style="background-color:hsl(166, 83%, 53%);">Title text h1</h1>

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

Код:

<h1 style="color:#23eabd;">Title text h1</h1> <h1 style="color:rgb(35, 234, 189);">Title text h1</h1> <h1 style="color:hsl(166, 83%, 53%);">Title text h1</h1>

Border color (border-color).

Код:

<h1 style="border-color:#23eabd;">Title text h1</h1> <h1 style="border-color:rgb(35, 234, 189);">Title text h1</h1> <h1 style="border-color:hsl(166, 83%, 53%);">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);