#fac46e

Color #fac46e

A vivid, highly saturated light orange.

Closest named color Sandy Brown #f4a460 · ΔE 16.08 Nearest Tailwind class orange-300 #ffb86a · ΔE 5.7

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

Conversions

HEX

#fac46e

RGB

rgb(250, 196, 110)

HSL

hsl(36.9, 93.3%, 70.6%)

HSV / HSB

hsv(36.9, 56%, 98%)

CMYK

cmyk(0%, 21.6%, 56%, 2%)

LAB

lab(82.34, 9.7, 50.02)

LCH

lch(82.34, 50.95, 79.03)

OKLCH

oklch(85.1%, 0.1208, 77.62)

HWB

hwb(36.9, 43.1%, 2%)

Harmony colors

Complementary

#6ea4fa

Analogous

#fa7e6e

#fac46e

#eafa6e

Triadic

#fac46e

#6efac4

#c46efa

Split-complementary

#fac46e

#6eeafa

#7e6efa

Tetradic

#fac46e

#a4fa6e

#6ea4fa

#c46efa

Square

#fac46e

#6efa7e

#6ea4fa

#fa6eea

Shades

Color #fac46e mixed toward black.

#f8ad34

#e89208

#ae6d06

#744904

#3a2402

Tints

Color #fac46e mixed toward white.

#fbce86

#fcd89e

#fce2b7

#fdebcf

#fef5e7

Tones

Color #fac46e mixed toward gray.

#eec17a

#e3bf85

#d7bc91

#cbb99d

#c0b7a8

Accessibility

Aa White text on this color

1.59:1

Aa Black text on this color

13.19:1

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

Under color vision deficiencies

Protanopia

#e5e489 · ΔE 16.1

Deuteranopia

#e8ec8f · ΔE 17.8

Tritanopia

#f89b9e · ΔE 30.8

Achromatopsia

#cdcdcd · ΔE 23.8

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

Code

CSS

background-color: #fac46e;

Tailwind (arbitrary value)

bg-[#fac46e]

Related colors

Papaya Whip #ffefd5

Blanched Almond #ffebcd

Navajo White #ffdead

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Frequently asked questions

#fac46e (#fac46e) is rgb(250, 196, 110) in RGB.

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

Generate a palette → Check contrast