Colour

#F2F2F0

#F2F2F0
Near-white
Light
Nearest: White smoke

#F2F2F0 is a near-white with RGB values 242, 242, 240 and HSL 60°, 7%, 95%. It is a light colour, so black text on it reaches 18.7:1 contrast (AAA for normal text). The nearest named colour is White smoke.

Colour values

#F2F2F0#F2F2F0

HEX#F2F2F0

RGBrgb(242, 242, 240)

RGB (0–1)0.949, 0.949, 0.9412

RGB percentages94.9%, 94.9%, 94.1%

HSLhsl(60, 7.1%, 94.5%)

HSV / HSBhsv(60, 0.8%, 94.9%)

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

24-bit integer15,921,904

CSS custom property--colour: #F2F2F0;

Brightness & contrast

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

Perceived brightness241.8 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 18.73:1

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

Contrast with black18.73:1WCAG normal text: AAA

Greyscale equivalent#F2F2F2

Inverted#0D0D0F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text18.73:1WCAG large text: AAA

Named colours

White smoke · ΔE 1.5 Snow · ΔE 3.8 White · ΔE 4.7 Sea shell · ΔE 4.7 Ghost white · ΔE 5.1 Floral white · ΔE 5.3

Nearest named CSS colourWhite smoke (#F5F5F5)ΔE 1.5, below the just-noticeable difference

Hue familynear-white

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F0F0F2

Analogous#F2F1F0, #F1F2F0

Triadic#F0F2F2, #F2F0F2

Split complementary#F0F1F2, #F1F0F2

Tetradic#F0F2F1, #F0F0F2, #F2F0F1

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

Darker −20%#C3C3B9

Darker −30%#ABAB9E

Darker −40%#939383

More saturated +25%#F5F5EC

Less saturated −25%#F1F1F1

Channel breakdown

R242

G242

B240

Red242 (94.9%)

Green242 (94.9%)

Blue240 (94.1%)

Hue60°

Saturation (HSL)7.14%

Lightness94.51%

Dominant channelRed and Green

Hex per channelR F2 · G F2 · B F0

Keep nerding

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

#F2F2F0

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