Converting Colors

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

Conversions

New: Converting Colors offers a new tool to do mass color conversions.

FormatColor
HSL12°, 94%, 44%
CIELCh48, 85.045, 43.384
Yxy16.7436, 0.6104, 0.3500
Android (android.graphics.Color)4292293127 (0xFFD73207)
YUV94.4330, -43.1045, 105.7373

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


Details

The Decimal color 14103047 is a dark color, and the websafe version is hex CC3300. The color can be described as dark washed red. A complement of this color would be 502999, and the grayscale version is 6250335.

A 20% lighter version of the original color is 16739645, and 9830400 is the 20% darker color. If you saturate the color by 10%, you get 14101504, and if you desaturate by 10%, it is 14107420.

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 14103047 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%.14103047The Color 14103047.16777211The Color 16777211.16777182The Color 16777182.16776897The Color 16776897.16769190The Color 16769190.16761739The Color 16761739.16754288The Color 16754288.16747095The Color 16747095.16739645The Color 16739645.16273700The Color 16273700.14103047The Color 14103047.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%.14103047The Color 14103047.0The Color 0.1376256The Color 1376256.3932163The Color 3932163.5767168The Color 5767168.7798784The Color 7798784.9830400The Color 9830400.11993856The Color 11993856.14103047The Color 14103047.Brightness Gradient

Saturation Gradient

Similar to the brightness gradients but the following show a change of the Decimal color 14103047 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.14103047The Color 14103047.14101504The Color 14101504.14103047The Color 14103047.Saturation Gradient
Saturation GradientSimilar to the brightness gradients but the following show a change of the {format} color {color} by changing the saturation by 10% instead.14103047The Color 14103047.14142409The Color 14142409.14138035The Color 14138035.14133662The Color 14133662.14129288The Color 14129288.14124915The Color 14124915.14120541The Color 14120541.14116167The Color 14116167.14111794The Color 14111794.14107420The Color 14107420.14103047The Color 14103047.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.15335510The Color 15335510.11230976The Color 11230976.14103047The Color 14103047.15335510The Color 15335510.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.14103047The Color 14103047.29183The Color 29183.35909The Color 35909.14103047The Color 14103047.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.14103047The Color 14103047.502999The Color 502999.14103047The Color 14103047.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.34557The Color 34557.36753The Color 36753.14103047The Color 14103047.34557The Color 34557.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.14103047The Color 14103047.9980636The Color 9980636.36564The Color 36564.34304The Color 34304.14103047The Color 14103047.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.14103047The Color 14103047.31487The Color 31487.36564The Color 36564.8679936The Color 8679936.14103047The Color 14103047.Rectangle

Sweetspot

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

SweetspotThe sweet spot groups the original color and five complimentary colors.14103047The Color 14103047.8421504The Color 8421504.0The Color 0.8412243The Color 8412243.14092205The Color 14092205.16762037The Color 16762037.14103047The Color 14103047.Sweetspot

SVG Images

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

#D73207

Previews

White Background

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

The color contrast ratio for these colors is 4.83, 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 14103047 looks on a black background.

The color contrast ratio for these colors is 4.35, which passes the AA level for large text above 18pt. Details can be found at https://www.w3.org/TR/WCAG20/.

Decimal 14103047 Background

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

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


CSS Examples


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

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

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

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

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

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

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

Background

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

If only the background color should be changed .background{ background-color:#D73207 } 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, "D73207", 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 "12°, 97%, 84%" 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(12°, 97%, 84%)" will give you the correct HSV color as there is no need to guess the format. Other examples would be "CIELAB(47.94, 61.81, 58.42)", "CIELCH(48, 85.045, 43.384)", "YXY(16.7436, 0.6104, 0.3500)" and "CMYK(0.00, 0.77, 0.97, 0.16)".