CSS notation
Use this for all CSS properties that accept a color as a value: color, background-color, border-color
#990033
#903
rgb(153,0,51)
hsl(340, 100%, 30%)
Color spaces
Names and values for each color representation
| HSL | |
|---|---|
| Hue | 340° |
| Saturation | 100% |
| Lightness | 30% |
| HSV / HSB | |
|---|---|
| Hue | 340° |
| Saturation | 100% |
| Value / Brightness | 60% |
| RGB | |
|---|---|
| Red | 60% |
| Green | 0% |
| Blue | 20% |
| CMYK | |
|---|---|
| Cyan | 0% |
| Magenta | 100% |
| Yellow | 66.67% |
| Black | 40% |
| YCbCr | |
|---|---|
| Y | 0.2 |
| Cb | -0 |
| Cr | 0.28 |
Nearest Colors Name
Most similar colors in standard
Color Harmonies
Schemes of colors that work well together
Adjacent / Analogous / Analogic
Pleasing and harmonious to the eye, they can be found in nature.
Tints, Shades, and Tones
Tints
A tint is obtained by adding white to a color. This process reduces darkness.
Shades
A shade is obtained by adding black to a color. This process increases darkness.
