Recognised as Colour

#F5F7DA

#F5F7DA
Yellow
Light
Nearest: Beige

#F5F7DA is a yellow with RGB values 245, 247, 218 and HSL 64°, 64%, 91%. It is a light colour, so black text on it reaches 19.2:1 contrast (AAA for normal text). The nearest named colour is Beige.

Colour values

#F5F7DA#F5F7DA

HEX#F5F7DA

RGBrgb(245, 247, 218)

RGB (0–1)0.9608, 0.9686, 0.8549

RGB percentages96.1%, 96.9%, 85.5%

HSLhsl(64.1, 64.4%, 91.2%)

HSV / HSBhsv(64.1, 11.7%, 96.9%)

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

24-bit integer16,119,770

CSS custom property--colour: #F5F7DA;

Brightness & contrast

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

Perceived brightness243.3 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#F4F4F4

Inverted#0A0825

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#F9F3EFno blue cones; rare, and affects men and women equally; ΔE 13 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

Beige · ΔE 2.2 Light yellow · ΔE 3.1 Cornsilk · ΔE 3.5 Light goldenrod yellow · ΔE 5.7 Papaya whip · ΔE 7 Ivory · ΔE 7.9

Nearest named CSS colourBeige (#F5F5DC)ΔE 2.19, below the just-noticeable difference

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DCDAF7

Analogous#F7EBDA, #E7F7DA

Triadic#DAF5F7, #F7DAF5

Split complementary#DAE6F7, #EBDAF7

Tetradic#DAF7EB, #DCDAF7, #F7DAE6

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

Darker −20%#DEE586

Darker −30%#D3DC5C

Darker −40%#C8D332

More saturated +25%#FAFDD4

Less saturated −25%#F0F1E0

Channel breakdown

R245

G247

B218

Red245 (96.1%)

Green247 (96.9%)

Blue218 (85.5%)

Hue64.14°

Saturation (HSL)64.44%

Lightness91.18%

Dominant channelGreen

Hex per channelR F5 · G F7 · B DA

Keep nerding

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

#F5F7DA

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