Colour

#F0ECF0

#F0ECF0
Magenta
Light
Nearest: White smoke

#F0ECF0 is a magenta with RGB values 240, 236, 240 and HSL 300°, 12%, 93%. It is a light colour, so black text on it reaches 18:1 contrast (AAA for normal text). The nearest named colour is White smoke.

Colour values

#F0ECF0#F0ECF0

HEX#F0ECF0

RGBrgb(240, 236, 240)

RGB (0–1)0.9412, 0.9255, 0.9412

RGB percentages94.1%, 92.5%, 94.1%

HSLhsl(300, 11.8%, 93.3%)

HSV / HSBhsv(300, 1.7%, 94.1%)

CMYK0%, 1.7%, 0%, 5.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,789,296

CSS custom property--colour: #F0ECF0;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 17.96:1

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

Contrast with black17.96:1WCAG normal text: AAA

Greyscale equivalent#EDEDED

Inverted#0F130F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text17.96:1WCAG large text: AAA

Named colours

White smoke · ΔE 3.7 Ghost white · ΔE 4.5 Lavender blush · ΔE 4.5 Snow · ΔE 5.3 Alice blue · ΔE 5.6 Gainsboro · ΔE 6.5

Nearest named CSS colourWhite smoke (#F5F5F5)ΔE 3.71, a close match

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#ECF0EC

Analogous#EEECF0, #F0ECEE

Triadic#F0F0EC, #ECF0F0

Split complementary#EEF0EC, #ECF0EE

Tetradic#F0EEEC, #ECF0EC, #ECEEF0

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%#D9D0D9

Darker −20%#C3B3C3

Darker −30%#AC97AC

Darker −40%#967A96

More saturated +25%#F4E8F4

Less saturated −25%#EEEEEE

Channel breakdown

R240

G236

B240

Red240 (94.1%)

Green236 (92.5%)

Blue240 (94.1%)

Hue300°

Saturation (HSL)11.76%

Lightness93.33%

Dominant channelRed and Blue

Hex per channelR F0 · G EC · B F0

Keep nerding

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

#F0ECF0

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