Converting Colors


Conversions · Details · Harmonies · Images · Preview · Color Blindness Simulation · CSS · Help

Conversions

Here you see your color converted to 15 different color formats like RGB, CMYK, HSV, HSL, CIELab, Android, Decimal, and YUV. 🎁 Convert multiple colors at once or get Conversions and Harmonies via the REST API.

Conversions Part 1
FormatColor
Hex807370
RGB128, 115, 112
RGB Percent50%, 45%, 44%
CMY0.4980, 0.5490, 0.5608
CMYK0.00, 0.10, 0.12, 0.50
HSL11°, 7%, 47%
HSV11°, 12%, 50%
XYZ17.9575, 18.0205, 17.8611
Conversions Part 2
FormatColor
RYB128, 116, 112
Decimal8418160
CIELab49.52, 4.49, 3.48
CIELCh50, 5.681, 37.829
Yxy18.0205, 0.3335, 0.3347
Android (android.graphics.Color)4286608240 (0xFF807370)
YUV118.5450, -3.2267, 8.2920

Details

The Decimal color 8418160 is a dark color, and the websafe version is hex 666666. A complement of this color would be 7372160, and the grayscale version is 7829367.

A 20% lighter version of the original color is 11904932, and 5194560 is the 20% darker color. If you saturate the color by 10%, you get 8415587, and if you desaturate by 10%, it is 8420733.

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 & Saturation Gradients

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

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

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%.8418160The Color 8418160.16777215The Color 16777215.16776183The Color 16776183.15589083The Color 15589083.13681343The Color 13681343.11904932The Color 11904932.10128777The Color 10128777.8418160The Color 8418160.Brightness Gradient

🖌️ View as Color Bucket

Brightness Gradient[Translation for "HARMONY_BRIGHTNESS_1_TEXT" not found]8418160The Color 8418160.0The Color 0.393216The Color 393216.2234390The Color 2234390.3681578The Color 3681578.5194560The Color 5194560.6773336The Color 6773336.8418160The Color 8418160.Brightness Gradient

🖌️ View as Color Bucket

Saturation GradientSimilar to the brightness gradients but the following saturation gradients show a change of the {format} color {color} by changing the saturation by 10% instead.8418160The Color 8418160.8394752The Color 8394752.8396810The Color 8396810.8399382The Color 8399382.8402211The Color 8402211.8404784The Color 8404784.8407357The Color 8407357.8410186The Color 8410186.8412758The Color 8412758.8415587The Color 8415587.8418160The Color 8418160.Saturation Gradient

🖌️ View as Color Bucket

Saturation Gradient[Translation for "HARMONY_SATURATION_1_TEXT" not found]8418160The Color 8418160.8442339The Color 8442339.8439510The Color 8439510.8436938The Color 8436938.8434109The Color 8434109.8431536The Color 8431536.8428963The Color 8428963.8426134The Color 8426134.8423562The Color 8423562.8420733The Color 8420733.8418160The Color 8418160.Saturation Gradient

🖌️ View as Color Bucket

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.8418165The Color 8418165.8221805The Color 8221805.8418160The Color 8418160.8418165The Color 8418165.Analogous

🖌️ View as Color Bucket

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.8418160The Color 8418160.7501439The Color 7501439.7239794The Color 7239794.8418160The Color 8418160.Triad

🖌️ View as Color Bucket

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.8418160The Color 8418160.7372160The Color 7372160.8418160The Color 8418160.Complementary

🖌️ View as Color Bucket

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.7174014The Color 7174014.7043447The Color 7043447.8418160The Color 8418160.7174014The Color 7174014.Split Complementary

🖌️ View as Color Bucket

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.8418160The Color 8418160.7894141The Color 7894141.6977659The Color 6977659.7567214The Color 7567214.8418160The Color 8418160.Square

🖌️ View as Color Bucket

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.8418160The Color 8418160.7370367The Color 7370367.6977659The Color 6977659.8025452The Color 8025452.8418160The Color 8418160.Rectangle

🖌️ View as Color Bucket

Sweetspot

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

SweetspotThe sweet spot groups the original color and five complimentary colors.8418160The Color 8418160.5526612The Color 5526612.13948116The Color 13948116.5525840The Color 5525840.8417405The Color 8417405.10920095The Color 10920095.8418160The Color 8418160.Sweetspot

🖌️ View as Color Bucket

SVG Images

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

#807370

Previews

White Background

 

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

The color contrast ratio for these colors is 4.56, which passes the AA level of the Web Content Accessibility Guidelines (WCAG) 2.0 for any text size and the AAA level for large text above 18pt. Details can be found at https://www.w3.org/TR/WCAG20/.

Black Background

 

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

The color contrast ratio for these colors is 4.60, which passes the AA level of the Web Content Accessibility Guidelines (WCAG) 2.0 for any text size and the AAA level for large text above 18pt. Details can be found at https://www.w3.org/TR/WCAG20/.

Decimal 8418160 Background

 

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

 

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

Color Blindness Simulation


Dichromacy

Original Color
8418160
Protanopia
7959921
Deuteranopia
8614512
Tritanopia
8483194

Trichromacy

Original Color
8418160
Protanomaly
8156273
Deuteranomaly
8548976
Tritanomaly
8483446

Monochromacy

Original Color
8418160
Achromatopsia
7829367
Achromatomaly
8025716

CSS Examples


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

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

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

Here you see how black text with a 4 pixel #807370 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 8418160 is called "border". The border property can be set on classes, ids or directly on the HTML element .border, #border, table{ border:4px solid #807370 }.

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

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

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

Background

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

If only the background color should be changed .background{ background-color:#807370 } 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.

How-to use Converting Colors

To convert, paste a string in one of these color formats, for example, "807370", 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 "11°, 12%, 50%" 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(11°, 12%, 50%)" will give you the correct HSV color as there is no need to guess the format. Other examples would be "CIELAB(49.52, 4.49, 3.48)", "CIELCH(50, 5.681, 37.829)", "YXY(18.0205, 0.3335, 0.3347)" and "CMYK(0.00, 0.10, 0.12, 0.50)".


    FontExplorer X - Makes Everyone an Expert

Advertisment: These links are affiliate (commission) links. If you click on such a link and buy something on that website, I get a commission. For you, the price does not change.