Search for a name or a RGB value RRR,GGG,BBB or a Hex value #rrggbb

Color composition

Percentage of source colors needed to create this color
RGB and CMYK are different color models: RGB is additive and it's used on screens, while CMYK is subtractive and it's used on prints. RGB uses white as a combination of all primary colors and black as the absence of light. CMYK, conversely, uses white as the natural color of the print background and black as a combination of colored inks.
RGB composition
CMYK composition

Color conversion

Representations of this color for each color space
Every color can be represented by a combination of different values with different meanings.
RGB open »
Red Green Blue
100% 0% 0%
RGB - Normalized
Red Green Blue
1 0 0
HSL open »
Hue Saturation Lightness
100% 50%
HSL - Normalized
Hue Saturation Lightness
0 1 0.5
HWB open »
Hue Whiteness Blackness
360° 0% 0%
HWB - Normalized
Hue Whiteness Blackness
1 0% 0%
Hue Saturation Value / Brightness
100% 100%
HSV / HSB - Normalized
Hue Saturation Value / Brightness
0 1 1
CMYK open »
Cyan Magenta Yellow Black
0% 100% 100% 0%
Y Cb Cr
0.3 -0.17 0.5
41.24 21.26 1.93
L a b
53.23 80.11 67.22

Web Colors

Colors can be used on a website using CSS
Use one of these values interchangeably for any CSS property that accept a color as a value: color, background-color, border-color.
rgb(255, 0, 0)
hsl(0, 100%, 50%)

Tints, Shades, and Tones

Mixing black and white to change color brightness
A tint is a mixture of a color with white, this will increase lightness. A shade is a mixture with black and this increases darkness. A tone is a mixture of a color with gray, it's used to control saturation.
Tints of color #ff0000


A tint is obtained by adding white to a color. This process reduces darkness.
Shades of color #ff0000


A shade is obtained by adding black to a color. This process increases darkness.
Tones of color #ff0000


A tone is produced either by mixing a color with grey, or by both tinting and shading.

Color Harmonies

Schemes of colors that work well together
Harmonies are color combinations on the color wheel created choosing colors at specific angles calculated from the original hue.
Complementary Harmony Color Scheme of #ff0000


180° - Complementary color scheme is made using the opposite color in the color wheel (180 degrees difference). It creates the strongest contrast and each color stands out. The opposite color of 0, 100, 100, 0 is 100, 0, 0, 0.
Triad Harmony Color Scheme of #ff0000


120° - Triad color scheme is made dividing the color wheel in three. Each color is 120 degrees apart from the other. Usually one color is the dominant and the other two colors are used as accents. If 0, 100, 100, 0 is the dominant color, its accents would be 100, 0, 100, 0 and 100, 100, 0, 0.
Square Harmony Color Scheme of #ff0000


90° - Square color scheme is made dividing the color wheel in four parts. Each color is 90° degrees apart from the other. This scheme is very balanced because it spans equally along the color wheel creating two warm colors (0, 100, 100, 0, 50, 0, 100, 0) and two cool colors (100, 0, 0, 0,
Warning: Undefined array key 1 in /web/htdocs/ on line 756

Warning: Attempt to read property "cmyk" on null in /web/htdocs/ on line 201

Fatal error: Uncaught TypeError: implode(): Argument #1 ($array) must be of type array, string given in /web/htdocs/ Stack trace: #0 /web/htdocs/ implode() #1 /web/htdocs/ getLabelByColorType() #2 {main} thrown in /web/htdocs/ on line 201