#fbefda

Color #fbefda

A vivid, highly saturated very light orange.

Closest named color Antique White #faebd7 · ΔE 1.67 Nearest Tailwind class orange-100 #ffedd4 · ΔE 2.5

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

Conversions

HEX

#fbefda

RGB

rgb(251, 239, 218)

HSL

hsl(38.2, 80.5%, 92%)

HSV / HSB

hsv(38.2, 13.1%, 98.4%)

CMYK

cmyk(0%, 4.8%, 13.1%, 1.6%)

LAB

lab(94.87, 0.62, 11.6)

LCH

lch(94.87, 11.62, 86.94)

OKLCH

oklch(95.6%, 0.0305, 81.71)

HWB

hwb(38.2, 85.5%, 1.6%)

Harmony colors

Complementary

#dae6fb

Analogous

#fbdfda

#fbefda

#f7fbda

Triadic

#fbefda

#dafbef

#efdafb

Split-complementary

#fbefda

#daf7fb

#dfdafb

Tetradic

#fbefda

#e6fbda

#dae6fb

#efdafb

Square

#fbefda

#dafbdf

#dae6fb

#fbdaf7

Shades

Color #fbefda mixed toward black.

#f3d194

#ecb24d

#d48f17

#8d5f0f

#473008

Tints

Color #fbefda mixed toward white.

#fcf2e0

#fcf4e6

#fdf7ed

#fefaf3

#fefcf9

Tones

Color #fbefda mixed toward gray.

#f8eedd

#f6eee0

#f3ede2

#f0ece5

#edebe8

Accessibility

Aa White text on this color

1.14:1

Aa Black text on this color

18.46:1

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

Under color vision deficiencies

Protanopia

#f6f6df · ΔE 5.9

Deuteranopia

#f7f7e1 · ΔE 5.8

Tritanopia

#fae3e4 · ΔE 12.9

Achromatopsia

#f0f0f0 · ΔE 9.2

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

Code

CSS

background-color: #fbefda;

Tailwind (arbitrary value)

bg-[#fbefda]

Related colors

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Wheat #f5deb3

Papaya Whip #ffefd5

Floral White #fffaf0

Frequently asked questions

#fbefda (#fbefda) is rgb(251, 239, 218) in RGB.

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

Generate a palette → Check contrast