Colour

#FCF2F8

#FCF2F8
Magenta
Light
Nearest: Lavender blush

#FCF2F8 is a magenta with RGB values 252, 242, 248 and HSL 324°, 63%, 97%. It is a light colour, so black text on it reaches 19.2:1 contrast (AAA for normal text). The nearest named colour is Lavender blush.

Colour values

#FCF2F8#FCF2F8

HEX#FCF2F8

RGBrgb(252, 242, 248)

RGB (0–1)0.9882, 0.949, 0.9725

RGB percentages98.8%, 94.9%, 97.3%

HSLhsl(324, 62.5%, 96.9%)

HSV / HSBhsv(324, 4%, 98.8%)

CMYK0%, 4%, 1.6%, 1.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,577,272

CSS custom property--colour: #FCF2F8;

Brightness & contrast

Relative luminance0.90977WCAG 2.x, 0 is black and 1 is white

Perceived brightness245.7 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 19.2:1

Contrast with white1.09:1WCAG normal text: Fail

Contrast with black19.2:1WCAG normal text: AAA

Greyscale equivalent#F5F5F5

Inverted#030D07

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#F2F4F8no red cones; affects about 1% of men; ΔE 4.4 from the original

Deuteranopia#F4F5F8no green cones; the most common form, about 1% of men; ΔE 4.2 from the original

Tritanopia#FDF2F4no blue cones; rare, and affects men and women equally; ΔE 2.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.09:1WCAG large text: Fail

Contrast with black, large text19.2:1WCAG large text: AAA

Named colours

Lavender blush · ΔE 1.9 Ghost white · ΔE 3.8 Snow · ΔE 4.2 White smoke · ΔE 4.7 White · ΔE 5.9 Alice blue · ΔE 6.3

Nearest named CSS colourLavender blush (#FFF0F5)ΔE 1.89, below the just-noticeable difference

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#F2FCF6

Analogous#FBF2FC, #FCF2F3

Triadic#F8FCF2, #F2F8FC

Split complementary#F3FCF2, #F2FCFB

Tetradic#FCFBF2, #F2FCF6, #F2F3FC

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FFFFFF

Darker −10%#F2C9E2

Darker −20%#E99FCB

Darker −30%#DF76B5

Darker −40%#D64C9F

More saturated +25%#FEF0F8

Less saturated −25%#FAF4F8

Channel breakdown

R252

G242

B248

Red252 (98.8%)

Green242 (94.9%)

Blue248 (97.3%)

Hue324°

Saturation (HSL)62.5%

Lightness96.86%

Dominant channelRed

Hex per channelR FC · G F2 · B F8

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#FCF2F8

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else