Colour

#F5EED4

#F5EED4
Yellow
Light
Nearest: Beige

#F5EED4 is a yellow with RGB values 245, 238, 212 and HSL 47°, 62%, 90%. It is a light colour, so black text on it reaches 18.1:1 contrast (AAA for normal text). The nearest named colour is Beige.

Colour values

#F5EED4#F5EED4

HEX#F5EED4

RGBrgb(245, 238, 212)

RGB (0–1)0.9608, 0.9333, 0.8314

RGB percentages96.1%, 93.3%, 83.1%

HSLhsl(47.3, 62.3%, 89.6%)

HSV / HSBhsv(47.3, 13.5%, 96.1%)

CMYK0%, 2.9%, 13.5%, 3.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,117,460

CSS custom property--colour: #F5EED4;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 18.06:1

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

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

Greyscale equivalent#EEEEEE

Inverted#0A112B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Beige · ΔE 3.3 Papaya whip · ΔE 3.5 Cornsilk · ΔE 3.6 Antique white · ΔE 4.2 Blanched almond · ΔE 5.4 Old lace · ΔE 6.3

Nearest named CSS colourBeige (#F5F5DC)ΔE 3.29, a close match

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D4DBF5

Analogous#F5DED4, #ECF5D4

Triadic#D4F5EE, #EED4F5

Split complementary#D4ECF5, #DDD4F5

Tetradic#D4F5DE, #D4DBF5, #F5D4EC

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FFFEFD

Darker −10%#EBDEAB

Darker −20%#E2CD81

Darker −30%#D8BD58

Darker −40%#CDAC30

More saturated +25%#FCF2CD

Less saturated −25%#EEEADB

Channel breakdown

R245

G238

B212

Red245 (96.1%)

Green238 (93.3%)

Blue212 (83.1%)

Hue47.27°

Saturation (HSL)62.26%

Lightness89.61%

Dominant channelRed

Hex per channelR F5 · G EE · B D4

Keep nerding

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

#F5EED4

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