![Color HWB 0°, 20%, 80%](images/color/rgb/51-51-51.jpg?v=1)
Share this color!
Emotions & Moods:
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° | 0% | 20% |
HSL - Normalized | ||
---|---|---|
Hue | Saturation | Lightness |
0 | 0 | 0.2 |
HWB open » | ||
---|---|---|
Hue | Whiteness | Blackness |
0° | 20% | 80% |
HWB - Normalized | ||
---|---|---|
Hue | Whiteness | Blackness |
0 | 0.2% | 0.8% |
HSV / HSB | ||
---|---|---|
Hue | Saturation | Value / Brightness |
0° | 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 |
Color matching
Matching colors and names
Every color is slightly different, here is a list of the most similar colors and paints that have a name
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.