CSS notation
Use this for all CSS properties that accept a color as a value: color, background-color, border-color
#f46baf
rgb(244,107,175)
hsl(330, 86%, 69%)
Color space conversion
Conversion of this color for each color space representation
| RGB | ||
|---|---|---|
| Red | Green | Blue |
| 95.69% | 41.96% | 68.63% |
| HSL | ||
|---|---|---|
| Hue | Saturation | Lightness |
| 330.22° | 86.16% | 68.82% |
| HSV / HSB | ||
|---|---|---|
| Hue | Saturation | Value / Brightness |
| 330.22° | 56.15% | 95.69% |
| RGB - Normalized | ||
|---|---|---|
| Red | Green | Blue |
| 0.96 | 0.42 | 0.69 |
| HSL - Normalized | ||
|---|---|---|
| Hue | Saturation | Lightness |
| 0.92 | 0.86 | 0.69 |
| HSV / HSB - Normalized | ||
|---|---|---|
| Hue | Saturation | Value / Brightness |
| 0.92 | 0.56 | 0.96 |
| CMYK | |||
|---|---|---|---|
| Cyan | Magenta | Yellow | Black |
| 0% | 56.15% | 28.28% | 4.31% |
| YCbCr | ||
|---|---|---|
| Y | Cb | Cr |
| 0.61 | 0.04 | 0.25 |
| XYZ | ||
|---|---|---|
| X | Y | Z |
| 50.3 | 32.84 | 44.25 |
| CIE Lab | ||
|---|---|---|
| L | a | b |
| 64.03 | 59.47 | -10.15 |
Nearest Colors Name
Matching similar color names
Color Harmonies
Schemes of colors that work well together
Adjacent / Analogous / Analogic
Pleasing and harmonious to the eye, they can be found in nature.
Rectangle / Tetradic
Two complementary pairs for a total of four colors.
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.
