#fceee3

Color #fceee3

A vivid, highly saturated very light orange.

Closest named color Linen #faf0e6 · ΔE 1.62 Nearest Tailwind class orange-50 #fff7ed · ΔE 3.1

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

Conversions

HEX

#fceee3

RGB

rgb(252, 238, 227)

HSL

hsl(26.4, 80.6%, 93.9%)

HSV / HSB

hsv(26.4, 9.9%, 98.8%)

CMYK

cmyk(0%, 5.6%, 9.9%, 1.2%)

LAB

lab(94.9, 2.9, 7.01)

LCH

lch(94.9, 7.59, 67.53)

OKLCH

oklch(95.7%, 0.0211, 60.76)

HWB

hwb(26.4, 89%, 1.2%)

Harmony colors

Complementary

#e3f1fc

Analogous

#fce3e4

#fceee3

#fcfae3

Triadic

#fceee3

#e3fcee

#eee3fc

Split-complementary

#fceee3

#e3fcfa

#e3e4fc

Tetradic

#fceee3

#f1fce3

#e3f1fc

#eee3fc

Square

#fceee3

#e4fce3

#e3f1fc

#fae3fc

Shades

Color #fceee3 mixed toward black.

#f4c29b

#ec9653

#d86c17

#90480f

#482408

Tints

Color #fceee3 mixed toward white.

#fcf1e8

#fdf4ec

#fdf6f1

#fef9f6

#fefcfa

Tones

Color #fceee3 mixed toward gray.

#faeee5

#f8eee7

#f6efe9

#f4efeb

#f2efed

Accessibility

Aa White text on this color

1.14:1

Aa Black text on this color

18.48:1

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

Under color vision deficiencies

Protanopia

#f6f6e6 · ΔE 7.9

Deuteranopia

#f7f8e6 · ΔE 8.8

Tritanopia

#fbe8e8 · ΔE 6.4

Achromatopsia

#f0f0f0 · ΔE 7

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

Code

CSS

background-color: #fceee3;

Tailwind (arbitrary value)

bg-[#fceee3]

Related colors

Sandy Brown #f4a460

Chocolate #d2691e

Saddle Brown #8b4513

Seashell #fff5ee

Peach Puff #ffdab9

Peru #cd853f

Frequently asked questions

#fceee3 (#fceee3) is rgb(252, 238, 227) in RGB.

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

Generate a palette → Check contrast