Converting Colors

Color Conversions

Get Conversions and Harmonies as JSON or XML.

Color Details

The CIELAB color 95, 0.005, -0.010 can be considered as a light color, the websafe version is hex FFFFFF. A complement of this color would be 95, -0.005, 0.010 and the grayscale version is 95, 0.005, -0.010.

A 20% lighter version of the original color is 95, 0.005, -0.010 and 95, 0.005, -0.010 is the 20% darker color. If you saturate the color by 10% you get 93, -11.982, 8.181 and if you desaturate by 10% it is 96, 7.332, -5.188.

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

 95, 0.005, -0.010 93, -11.982, 8.181 91, -23.857, 16.736 89, -35.395, 25.616 87, -46.313, 34.734 86, -56.283, 43.940 85, -64.957, 52.987 84, -72.019, 61.495 84, -77.244, 68.935 83, -80.563, 74.685
 95, 0.005, -0.010 96, 7.332, -5.188

Color Harmonies

Analogous

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

 95, -0.001, -0.011 95, 0.005, -0.010 95, 0.009, -0.006

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

 95, 0.005, -0.010 95, 0.006, 0.009 95, -0.011, 0.001

Complementary

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

 95, 0.005, -0.010 95, -0.005, 0.010

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.

 95, -0.009, 0.006 95, 0.005, -0.010 95, 0.001, 0.011

Square

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

 95, 0.005, -0.010 95, 0.010, 0.005 95, -0.005, 0.010 95, -0.010, -0.005

Rectangle

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

 95, 0.005, -0.010 95, 0.011, -0.003 95, -0.005, 0.010 95, -0.011, 0.003

Sweetspot

The sweetspot groups the original color and five complimentary colors.

 95, 0.003, -0.009 100, 0.005, -0.010 95, 0.004, -0.008 53, 0.003, -0.006 0, 0.000, 0.000

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 95, 0.005, -0.010 looks on a white background.

Black Background

This preview shows how the CIELAB color 95, 0.005, -0.010 looks on a black background.

rgb(241, 241, 241) Background

This preview shows how black text looks on a background with the CIELAB color 95, 0.005, -0.010.

This preview shows how white text looks on a background with the CIELAB color 95, 0.005, -0.010.

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(241, 241, 241) }`.

This example shows how text in the color rgb(241, 241, 241) looks like.

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

Here you see how black text with a 4 pixel rgb(241, 241, 241) 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(241, 241, 241) }`.

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

Here you see how a box with a 4 pixel rgb(241, 241, 241) 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(241, 241, 241); -webkit-box-shadow:4px 4px 4px 4px rgb(241, 241, 241); box-shadow:4px 4px 4px 4px rgb(241, 241, 241) }`.

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(241, 241, 241) }`.

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

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