# Converting Colors

## Color Conversions

Get Conversions and Harmonies as JSON or XML.

## Color Details

The CIELAB color 42, 65.037, 12.598 can be considered as a dark color, the websafe version is hex CC3366. A complement of this color would be 42, -65.037, -12.598 and the grayscale version is 34, 0.002, -0.004.

A 20% lighter version of the original color is 42, 65.037, 12.598 and 42, 65.037, 12.598 is the 20% darker color. If you saturate the color by 10% you get 41, 66.611, 19.087 and if you desaturate by 10% it is 44, 61.566, 7.312.

Similar to the brightness gradients but the following show a change for the saturation by 10% instead.

 42, 65.037, 12.598 41, 66.611, 19.087 41, 66.776, 19.948
 42, 65.037, 12.598 44, 61.566, 7.312 47, 56.156, 3.384 50, 49.213, 0.707 54, 41.249, -0.915 58, 32.739, -1.702 63, 24.051, -1.849 68, 15.439, -1.516 73, 7.059, -0.827 79, -1.006, 0.125

## Color Harmonies

### Analogous

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

 42, 62.623, -21.608 42, 65.037, 12.598 42, 50.025, 43.429

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

 42, 65.037, 12.598 42, -43.429, 50.025 42, -21.608, -62.623

### Complementary

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

 42, 65.037, 12.598 42, -65.037, -12.598

### Split Complementary

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

 42, -50.025, -43.429 42, 65.037, 12.598 42, -62.623, 21.608

### Square

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

 42, 65.037, 12.598 42, -12.598, 65.037 42, -65.037, -12.598 42, 12.598, -65.037

### Rectangle

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

 42, 65.037, 12.598 42, 32.154, 57.919 42, -65.037, -12.598 42, -32.154, -57.919

### Sweetspot

The sweetspot groups the original color and five complimentary colors.

 42, 65.033, 12.599 81, 27.843, -2.223 36, 67.555, -65.313 41, 18.839, -1.355 99, 0.005, -0.010 52, 0.003, -0.006

## Color Images

A selection of SVG images using the hex version of this color.

## Color Preview

### White Background

This preview shows how the CIELAB color 42, 65.037, 12.598 looks on a white background.

### Black Background

This preview shows how the CIELAB color 42, 65.037, 12.598 looks on a black background.

### rgb(193, 22, 82) Background

This preview shows how black text looks on a background with the CIELAB color 42, 65.037, 12.598.

This preview shows how white text looks on a background with the CIELAB color 42, 65.037, 12.598.

## Color CSS

The css property to change the color of a text is called "color". The color property can be set on classes,ids or directly on the html element `.text, #text, p{ color:rgb(193, 22, 82) }`.

This example shows how text in the color rgb(193, 22, 82) looks like.

If you want to add a text shadow in that color use `.shadow{ text-shadow: 4px 4px 2px rgb(193, 22, 82) }`.

Here you see how black text with a 4 pixel rgb(193, 22, 82) 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 a element is called "border". The border property can be set on classes,ids or directly on the html element `.border, #border, table{ border:4px solid rgb(193, 22, 82) }`.

If only the border color should be changed `.border{ border-color:rgb(193, 22, 82) }` can be used.

Here you see how a box with a 4 pixel rgb(193, 22, 82) colored shadow looks like.

If you want to add a box shadow in that color use `.boxshadow{ -moz-box-shadow:4px 4px 4px 4px rgb(193, 22, 82); -webkit-box-shadow:4px 4px 4px 4px rgb(193, 22, 82); box-shadow:4px 4px 4px 4px rgb(193, 22, 82) }`.

### Background

The css property to change the background color of a element is called "background". The background property can be set on classes,ids or directly on the html element `.background, #background, body{ background:rgb(193, 22, 82) }`.

If only the background color should be changed `.background{ background-color:rgb(193, 22, 82) }` can be used.

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