Colour

#F1F4FA

#F1F4FA
Blue
Light
Nearest: Ghost white

#F1F4FA is a blue with RGB values 241, 244, 250 and HSL 220°, 47%, 96%. It is a light colour, so black text on it reaches 19.1:1 contrast (AAA for normal text). The nearest named colour is Ghost white.

Colour values

#F1F4FA#F1F4FA

HEX#F1F4FA

RGBrgb(241, 244, 250)

RGB (0–1)0.9451, 0.9569, 0.9804

RGB percentages94.5%, 95.7%, 98%

HSLhsl(220, 47.4%, 96.3%)

HSV / HSBhsv(220, 3.6%, 98%)

CMYK3.6%, 2.4%, 0%, 2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,856,890

CSS custom property--colour: #F1F4FA;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 19.06:1

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

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

Greyscale equivalent#F4F4F4

Inverted#0E0B05

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Ghost white · ΔE 2 Alice blue · ΔE 2.1 White smoke · ΔE 3.3 Snow · ΔE 4.8 White · ΔE 5 Azure · ΔE 5.9

Nearest named CSS colourGhost white (#F8F8FF)ΔE 2.01, below the just-noticeable difference

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FAF7F1

Analogous#F1F9FA, #F3F1FA

Triadic#FAF1F4, #F4FAF1

Split complementary#FAF3F1, #F9FAF1

Tetradic#FAF1F9, #FAF7F1, #F1FAF3

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

Darker −20%#A6B9DF

Darker −30%#809BD2

Darker −40%#5B7EC4

More saturated +25%#EFF3FC

Less saturated −25%#F3F5F8

Channel breakdown

R241

G244

B250

Red241 (94.5%)

Green244 (95.7%)

Blue250 (98%)

Hue220°

Saturation (HSL)47.37%

Lightness96.27%

Dominant channelBlue

Hex per channelR F1 · G F4 · B FA

Keep nerding

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

#F1F4FA

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