#f2eaac

Color #f2eaac

A vivid, highly saturated very light yellow.

Closest named color Pale Goldenrod #eee8aa · ΔE 1.16 Nearest Tailwind class yellow-100 #fef9c2 · ΔE 3.6

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#f2eaac

RGB

rgb(242, 234, 172)

HSL

hsl(53.1, 72.9%, 81.2%)

HSV / HSB

hsv(53.1, 28.9%, 94.9%)

CMYK

cmyk(0%, 3.3%, 28.9%, 5.1%)

LAB

lab(92, -6.6, 31.16)

LCH

lch(92, 31.85, 101.96)

OKLCH

oklch(92.9%, 0.0798, 101.63)

HWB

hwb(53.1, 67.5%, 5.1%)

Harmony colors

Complementary

#acb4f2

Analogous

#f2c7ac

#f2eaac

#d7f2ac

Triadic

#f2eaac

#acf2ea

#eaacf2

Split-complementary

#f2eaac

#acd7f2

#c7acf2

Tetradic

#f2eaac

#b4f2ac

#acb4f2

#eaacf2

Square

#f2eaac

#acf2c7

#acb4f2

#f2acd7

Shades

Color #f2eaac mixed toward black.

#e9db70

#dfcc35

#b3a21c

#776c13

#3c3609

Tints

Color #f2eaac mixed toward white.

#f4edba

#f6f1c8

#f9f4d6

#fbf8e3

#fdfbf1

Tones

Color #f2eaac mixed toward gray.

#ece5b2

#e6e1b8

#e1ddbe

#dbd8c3

#d5d4c9

Accessibility

Aa White text on this color

1.23:1

Aa Black text on this color

17.14:1

Black text reads better on this background (17.14:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#efefbd · ΔE 3.7

Deuteranopia

#eff0c1 · ΔE 4.5

Tritanopia

#f2cacd · ΔE 29

Achromatopsia

#e8e8e8 · ΔE 18.8

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #f2eaac;

Tailwind (arbitrary value)

bg-[#f2eaac]

Related colors

Khaki #f0e68c

Lemon Chiffon #fffacd

Pale Goldenrod #eee8aa

Gold #ffd700

Dark Khaki #bdb76b

Cornsilk #fff8dc

Frequently asked questions

#f2eaac (#f2eaac) is rgb(242, 234, 172) in RGB.

No, #f2eaac is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #f2eaac, or check how it holds up for accessibility.

Generate a palette → Check contrast