#fdfaf6

Color #fdfaf6

A moderately saturated very light orange.

Closest named color Snow #fffafa · ΔE 2.17 Nearest Tailwind class olive-50 #fbfbf9 · ΔE 1.6

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

Conversions

HEX

#fdfaf6

RGB

rgb(253, 250, 246)

HSL

hsl(34.3, 63.6%, 97.8%)

HSV / HSB

hsv(34.3, 2.8%, 99.2%)

CMYK

cmyk(0%, 1.2%, 2.8%, 0.8%)

LAB

lab(98.4, 0.3, 2.26)

LCH

lch(98.4, 2.28, 82.44)

OKLCH

oklch(98.6%, 0.0062, 75.07)

HWB

hwb(34.3, 96.5%, 0.8%)

Harmony colors

Complementary

#f6f9fd

Analogous

#fdf6f6

#fdfaf6

#fcfdf6

Triadic

#fdfaf6

#f6fdfa

#faf6fd

Split-complementary

#fdfaf6

#f6fcfd

#f6f6fd

Tetradic

#fdfaf6

#f9fdf6

#f6f9fd

#faf6fd

Square

#fdfaf6

#f6fdf6

#f6f9fd

#fdf6fc

Shades

Color #fdfaf6 mixed toward black.

#eed4b2

#dfae6e

#cc882d

#885b1e

#442d0f

Tints

Color #fdfaf6 mixed toward white.

#fdfbf7

#fefcf9

#fefcfa

#fefdfc

#fffefd

Tones

Color #fdfaf6 mixed toward gray.

#fcfaf6

#fcfaf7

#fbfaf8

#faf9f9

Accessibility

Aa White text on this color

1.04:1

Aa Black text on this color

20.18:1

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

Under color vision deficiencies

Protanopia

#fcfcf7 · ΔE 1.7

Deuteranopia

#fcfcf7 · ΔE 1.7

Tritanopia

#fdf8f8 · ΔE 2.6

Achromatopsia

#fafafa · ΔE 2.2

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

Code

CSS

background-color: #fdfaf6;

Tailwind (arbitrary value)

bg-[#fdfaf6]

Related colors

Antique White #faebd7

Tan #d2b48c

Burlywood #deb887

Dark Orange #ff8c00

Navajo White #ffdead

Blanched Almond #ffebcd

Frequently asked questions

#fdfaf6 (#fdfaf6) is rgb(253, 250, 246) in RGB.

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

Generate a palette → Check contrast