#fef6ea

Color #fef6ea

A vivid, highly saturated very light orange.

Closest named color Old Lace #fdf5e6 · ΔE 1.6 Nearest Tailwind class orange-50 #fff7ed · ΔE 0.9

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

Conversions

HEX

#fef6ea

RGB

rgb(254, 246, 234)

HSL

hsl(36, 90.9%, 95.7%)

HSV / HSB

hsv(36, 7.9%, 99.6%)

CMYK

cmyk(0%, 3.1%, 7.9%, 0.4%)

LAB

lab(97.2, 0.66, 6.71)

LCH

lch(97.2, 6.74, 84.38)

OKLCH

oklch(97.6%, 0.0181, 78.19)

HWB

hwb(36, 91.8%, 0.4%)

Harmony colors

Complementary

#eaf2fe

Analogous

#feecea

#fef6ea

#fcfeea

Triadic

#fef6ea

#eafef6

#f6eafe

Split-complementary

#fef6ea

#eafcfe

#eceafe

Tetradic

#fef6ea

#f2feea

#eaf2fe

#f6eafe

Square

#fef6ea

#eafeec

#eaf2fe

#feeafc

Shades

Color #fef6ea mixed toward black.

#fad59c

#f7b34f

#e9900b

#9b6007

#4e3004

Tints

Color #fef6ea mixed toward white.

#fef8ee

#fef9f1

#fffbf5

#fffcf8

#fffefc

Tones

Color #fef6ea mixed toward gray.

#fcf6ec

#fbf5ed

#f9f5ef

#f7f5f1

#f6f4f2

Accessibility

Aa White text on this color

1.07:1

Aa Black text on this color

19.58:1

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

Under color vision deficiencies

Protanopia

#fbfbed · ΔE 4.3

Deuteranopia

#fbfcee · ΔE 4.7

Tritanopia

#feeff0 · ΔE 8.1

Achromatopsia

#f7f7f7 · ΔE 5.9

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

Code

CSS

background-color: #fef6ea;

Tailwind (arbitrary value)

bg-[#fef6ea]

Related colors

Blanched Almond #ffebcd

Navajo White #ffdead

Papaya Whip #ffefd5

Antique White #faebd7

Tan #d2b48c

Moccasin #ffe4b5

Frequently asked questions

#fef6ea (#fef6ea) is rgb(254, 246, 234) in RGB.

No, #fef6ea 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 #fef6ea, or check how it holds up for accessibility.

Generate a palette → Check contrast