Converting Colors

Conversions · Details · Harmonies · Images · Preview · CSS · Help

FormatColor
HSL172°, 100%, 18%
CIELCh34, 26.466, 179.270
Yxy7.8624, 0.2356, 0.3682
Android (android.graphics.Color)4278213198 (0xFF005A4E)
YUV61.7220, 8.0251, -54.1302

Add this color to the bucket
(The bucket allows you to create a color palette)

Go to the color bucket to see your palette.

Get Conversions and Harmonies as JSON or XML via the REST API.


Details

The Decimal color 23118 is a dark color, and the websafe version is hex 006666. A complement of this color would be 5898252, and the grayscale version is 4079166.

A 20% lighter version of the original color is 4427135, and 11042 is the 20% darker color. If you saturate the color by 10%, you get 23118, and if you desaturate by 10%, it is 612943.

Distribution

RGB Color DistributionThe distribution of the RGB values, red, green and blue.RedThe Perecentage of Red in the Color.GreenThe Perecentage of Green in the Color.BlueThe Perecentage of Blue in the Color.RGB
RYB Color DistributionThe distribution of the RYB values, red, yellow and blue.RedThe Perecentage of Red in the Color.YellowThe Perecentage of Yellow in the Color.BlueThe Perecentage of Blue in the Color.RYB
CMYK Color DistributionThe distribution of the CMYK values, Cyan, Magenta, Yellow and Black.CyanThe Perecentage of Cyan in the Color.MagentaThe Perecentage of Magenta in the Color.YellowThe Perecentage of Yellow in the Color.BlackThe Perecentage of Black in the Color.CMYK
CMY Color DistributionThe distribution of the CMY values, Cyan, Magenta, Yellow.CyanThe Perecentage of Cyan in the Color.MagentaThe Perecentage of Magenta in the Color.YellowThe Perecentage of Yellow in the Color.CMY

Brightness Gradient

These gradients show how the Decimal color 23118 changes by changing the brightness by 10 percent. The first figure shows a shift by +10% for each color and the second figure -10%.

Brightness GradientThese gradients show how the {format} color {color} changes by changing the brightness by 10 percent. The first figure shows a shift by +10% for each color and the second figure -10%.23118The Color 23118.16777215The Color 16777215.15335423The Color 15335423.13434879The Color 13434879.11599083The Color 11599083.9756623The Color 9756623.7979956The Color 7979956.6203289The Color 6203289.4427135The Color 4427135.2585446The Color 2585446.23118The Color 23118.Brightness Gradient
Brightness GradientThese gradients show how the {format} color {color} changes by changing the brightness by 10 percent. The first figure shows a shift by +10% for each color and the second figure -10%.23118The Color 23118.0The Color 0.5644The Color 5644.11042The Color 11042.16951The Color 16951.23118The Color 23118.Brightness Gradient

Saturation Gradient

Similar to the brightness gradients but the following show a change of the Decimal color 23118 by changing the saturation by 10% instead.

Saturation GradientSimilar to the brightness gradients but the following show a change of the {format} color {color} by changing the saturation by 10% instead.23118The Color 23118.5331545The Color 5331545.4741720The Color 4741720.4151894The Color 4151894.3562069The Color 3562069.2972244The Color 2972244.2382419The Color 2382419.1792594The Color 1792594.1202768The Color 1202768.612943The Color 612943.23118The Color 23118.Saturation Gradient

Harmonies

Analogous

The analogous color harmony consists of three colors that are next to each other on the color wheel.

AnalogousThe analogous color harmony consists of three colors that are next to each other on the color wheel.2971705The Color 2971705.23139The Color 23139.23118The Color 23118.2971705The Color 2971705.Analogous

Triad

The triadic color harmony groups three colors that are evenly spaced from another and form a triangle on the color wheel.

TriadThe triadic color harmony groups three colors that are evenly spaced from another and form a triangle on the color wheel.23118The Color 23118.7161388The Color 7161388.5261940The Color 5261940.23118The Color 23118.Triad

Complementary

The complementary color scheme is a pair of colors which are on the opposite of each other on the color wheel.

ComplementaryThe complementary color scheme is a pair of colors which are on the opposite of each other on the color wheel.23118The Color 23118.5898252The Color 5898252.23118The Color 23118.Complementary

Split Complementary

Split-complementary colors differ from the complementary color scheme. The scheme consists of three colors, the original color and two neighbors of the complement color.

Split ComplementarySplit-complementary colors differ from the complementary color scheme. The scheme consists of three colors, the original color and two neighbors of the complement color.7749692The Color 7749692.6898277The Color 6898277.23118The Color 23118.7749692The Color 7749692.Split Complementary

Square

The square scheme is like the rectangle color scheme, but the four colors are evenly spaced on the color wheel.

SquareThe square scheme is like the rectangle color scheme, but the four colors are evenly spaced on the color wheel.23118The Color 23118.6114852The Color 6114852.7683665The Color 7683665.2839161The Color 2839161.23118The Color 23118.Square

Rectangle

The rectangle color scheme consists of four colors that form a rectangle on the color wheel.

RectangleThe rectangle color scheme consists of four colors that form a rectangle on the color wheel.23118The Color 23118.7423024The Color 7423024.7683665The Color 7683665.22638The Color 22638.23118The Color 23118.Rectangle

Sweetspot

The sweet spot groups the original color and five complimentary colors.

SweetspotThe sweet spot groups the original color and five complimentary colors.23118The Color 23118.3881787The Color 3881787.12237498The Color 12237498.2505528The Color 2505528.809472The Color 809472.5404017The Color 5404017.23118The Color 23118.Sweetspot

SVG Images

A selection of SVG images using the hex version #005A4E of the current color.

#005A4E

Previews

White Background

This preview shows how the Decimal color 23118 looks on a white background.

The color contrast ratio for these colors is 8.16, which passes the AAA level of the Web Content Accessibility Guidelines (WCAG) 2.0 for all text sizes. Details can be found at https://www.w3.org/TR/WCAG20/.

Black Background

This preview shows how the Decimal color 23118 looks on a black background.

The color contrast ratio for these colors is 2.57, which fails to comply with the Web Content Accessibility Guidelines (WCAG) 2.0. Details can be found at https://www.w3.org/TR/WCAG20/.

Decimal 23118 Background

This preview shows how black text looks on a background with the Decimal color 23118.

This preview shows how white text looks on a background with the Decimal color 23118.


CSS Examples


The CSS property to change the color of the text to Decimal 23118 is called "color". The color property can be set on classes, ids or directly on the HTML element .text, #text, p{ color:#005A4E }.

This example shows how text in the color #005A4E looks like.

If you want to add a text shadow in that color use .shadow{ text-shadow: 4px 4px 2px #005A4E }.

Here you see how black text with a 4 pixel #005A4E colored shadow looks like.

Border

This example shows the color as border, it can be applied via the CSS property "border" or "border-color".

The CSS property to change the border of an element to Decimal 23118 is called "border". The border property can be set on classes, ids or directly on the HTML element .border, #border, table{ border:4px solid #005A4E }.

If only the border color should be changed .border{ border-color:#005A4E } can be used.

Here you see how a box with a 4 pixel #005A4E colored shadow looks like.

If you want to add a box shadow in that color use .boxshadow{ -moz-box-shadow:4px 4px 4px 4px #005A4E; -webkit-box-shadow:4px 4px 4px 4px #005A4E; box-shadow:4px 4px 4px 4px #005A4E }.

Background

The CSS property to change the background color of an element to Decimal 23118 is called "background". The background property can be set on classes, ids or directly on the HTML element .background, #background, body{ background:#005A4E }.

If only the background color should be changed .background{ background-color:#005A4E } can be used.

This example shows the color as background, it is applied via the CSS property "background".



To optimize and compress your CSS code, you can use our online CSS compressor and optimizer based on csstidy. If you want to create a linear gradient as background or border, check our CSS Gradient Generator.

Upskill your career and get 10% off on a Udacity Nanodegrees ProgramAdvertisment🛈

How-to use Converting Colors

To convert, paste a string in one of these color formats, for example, "005A4E", into the input field and click on convert. The result will be in the section Color Conversions, and the following sections will provide you with further details on the color.

Some color formats use the same notation, and the conversion will guess the composition of the search query. As an example, if you try to convert the string "172°, 100%, 35%" it could be an HSV or HSL color, the conversion will assume HSL in this case.

As this could lead to wrong conversions, you can define which format you are passing by wrapping your color string in brackets with the format in front. The search string "HSV(172°, 100%, 35%)" will give you the correct HSV color as there is no need to guess the format. Other examples would be "CIELAB(33.69, -26.46, 0.34)", "CIELCH(34, 26.466, 179.270)", "YXY(7.8624, 0.2356, 0.3682)" and "CMYK(1.00, 0.00, 0.13, 0.65)".