Colour

#F2F4F1

#F2F4F1
Green
Light
Nearest: White smoke

#F2F4F1 is a green with RGB values 242, 244, 241 and HSL 100°, 12%, 95%. It is a light colour, so black text on it reaches 19:1 contrast (AAA for normal text). The nearest named colour is White smoke.

Colour values

#F2F4F1#F2F4F1

HEX#F2F4F1

RGBrgb(242, 244, 241)

RGB (0–1)0.949, 0.9569, 0.9451

RGB percentages94.9%, 95.7%, 94.5%

HSLhsl(100, 12%, 95.1%)

HSV / HSBhsv(100, 1.2%, 95.7%)

CMYK0.8%, 0%, 1.2%, 4.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,922,417

CSS custom property--colour: #F2F4F1;

Brightness & contrast

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

Perceived brightness243.1 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 18.99:1

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

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

Greyscale equivalent#F3F3F3

Inverted#0D0B0E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

White smoke · ΔE 1.8 Snow · ΔE 4 Mint cream · ΔE 4.4 White · ΔE 4.4 Sea shell · ΔE 4.9 Floral white · ΔE 5

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

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F3F1F4

Analogous#F4F4F1, #F1F4F2

Triadic#F1F2F4, #F4F1F2

Split complementary#F2F1F4, #F4F1F3

Tetradic#F1F3F4, #F3F1F4, #F4F2F1

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

Darker −20%#BDC7B8

Darker −30%#A2B19B

Darker −40%#889A7F

More saturated +25%#F1F7EE

Less saturated −25%#F3F3F3

Channel breakdown

R242

G244

B241

Red242 (94.9%)

Green244 (95.7%)

Blue241 (94.5%)

Hue100°

Saturation (HSL)12%

Lightness95.1%

Dominant channelGreen

Hex per channelR F2 · G F4 · B F1

Keep nerding

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

#F2F4F1

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