HEX #f4bcbf
RGB 244,188,191

CSS notation Color spaces Color names Color harmonies Tints, shades and tones

CSS notation

Use this for all CSS properties that accept a color as a value: color, background-color, border-color

#f4bcbf

rgb(244,188,191)

hsl(357, 72%, 85%)

Color spaces

Names and values for each color representation

HSL
Hue	356.79°
Saturation	71.79%
Lightness	84.71%

HSV / HSB
Hue	356.79°
Saturation	22.95%
Value / Brightness	95.69%

RGB
Red	95.69%
Green	73.73%
Blue	74.9%

CMYK
Cyan	0%
Magenta	22.95%
Yellow	21.72%
Black	4.31%

YCbCr
Y	0.8
Cb	-0.03
Cr	0.11

Nearest Colors Name

Most similar colors in standard

Wiki

X11

CSS (HTML, Web)

PANTONE

RAL

RAL 1013 (Oyster White)

#eae6ca

Color Harmonies

Schemes of colors that work well together

Complementary

Create the strongest contrast.

#f4bcbf

#bcf4f0

Triad

Let one color dominate and use the other two for the accent.

#bcc0f4

#f4bcbf

#c0f4bc

Square

Balance between warm and cool colors.

Adjacent / Analogous / Analogic

Pleasing and harmonious to the eye, they can be found in nature.

#f4bcdc

#f4bcbf

#f4d4bc

Split Complementary

Low tension, strong visual contrast.

#bcdcf4

#f4bcbf

#bcf4d4

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.

Tones

A tone is produced either by mixing a color with grey, or by both tinting and shading.