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
20% 20% 20%
RGB - Normalized
Red Green Blue
0.2 0.2 0.2
HSL open »
Hue Saturation Lightness
0% 20%
HSL - Normalized
Hue Saturation Lightness
0 0 0.2
HWB open »
Hue Whiteness Blackness
20% 80%
HWB - Normalized
Hue Whiteness Blackness
0 0.2% 0.8%
HSV / HSB
Hue Saturation Value / Brightness
0% 20%
HSV / HSB - Normalized
Hue Saturation Value / Brightness
0 0 0.2
CMYK open »
Cyan Magenta Yellow Black
0% 0% 0% 80%
YCbCr
Y Cb Cr
0.2 0 0
XYZ
X Y Z
3.15 3.31 3.61
CIE Lab
L a b
21.25 0 -0

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.
#333333
#333
rgb(51, 51, 51)
hsl(0, 0%, 20%)

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 #333333

Tints

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

Shades

A shade is obtained by adding black to a color. This process increases darkness.