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
81.18%	92.16%	93.33%

RGB - Normalized
Red	Green	Blue
0.81	0.92	0.93

HSL open »
Hue	Saturation	Lightness
185.81°	47.69%	87.25%

HSL - Normalized
Hue	Saturation	Lightness
0.52	0.48	0.87

HWB open »
Hue	Whiteness	Blackness
185.81°	81.18%	6.67%

HWB - Normalized
Hue	Whiteness	Blackness
0.52	0.81%	0.07%

HSV / HSB
Hue	Saturation	Value / Brightness
185.81°	13.03%	93.33%

HSV / HSB - Normalized
Hue	Saturation	Value / Brightness
0.52	0.13	0.93

CMYK open »
Cyan	Magenta	Yellow	Black
13%	1%	0%	7%

YCbCr
Y	Cb	Cr
0.89	0.02	-0.06

XYZ
X	Y	Z
70.87	78.86	92.37

CIE Lab
L	a	b
91.17	-8.53	-4.56

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

Wiki

X11

CSS (HTML, Web)

Paint colors

PANTONE

PANTONE COATED

PANTONE UNCOATED

RAL

RAL 9002
(Grey White)

#e7ebda

NCS

1010-B30G

#cdeef1

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.

#cfebee

rgb(207, 235, 238)

hsl(186, 48%, 87%)

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

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.

Tones

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

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 #cfebee is #eed2cf.

#cfebee

#eed2cf

Triad

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 #cfebee is the dominant color, its accents would be #eecfeb and #ebeecf.

#ebeecf

#cfebee

#eecfeb

Square

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 (#e1cfee, #eed2cf) and two cool colors (#cfebee, #dceecf).

Adjacent / Analogous / Analogic

± 30° - Adjacent color scheme is made picking colors near each other in the color wheel. The other colors are 30 degrees apart from the main color. This scheme is very harmonious and it is useful for having multiple colors of similar hue. With #cfebee we can pick #cfeee1 at 30° clockwise and #cfdcee at 30° counterclockwise.

#cfeee1

#cfebee

#cfdcee

Split Complementary

180° ± 30° - Split complementary color scheme is like complementary scheme but instead of picking the exact opposite it uses two colors at ± 30° from the complementary. This scheme has a strong visual contrast but lower tension than the complementary scheme.

#eee1cf

#cfebee

#eecfdc

Rectangle / Tetradic

60° - Rectangle color scheme is made up of two complementary pairs. The first pair is like the complementary scheme, the second one is tilted 60 degrees.

- 60° - The color scheme variant is made by tilting the second complementary scheme in the opposite direction.

Pentagram

72° - Pentagram color scheme is full of color, it spans over the color wheel and every color is 72 degrees apart from each other. It is very useful when you need a lot of colors that go well together.