#EFD795

Accessibility

AAA

14.82:1

Vs white / black

1.42:1 · 14.82:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#efd795

RGB

rgb(239, 215, 149)

RGBA

rgba(239, 215, 149, 1)

HSL

hsl(44, 74%, 76%)

HSV

hsv(44, 38%, 94%)

LAB

lab(86.57% -0.85 35.62)

LCH

lch(86.57% 35.63 91.37)

OKLAB

oklab(0.884 -0.0005 0.0881)

OKLCH

oklch(0.884 0.0881 90.33)

XYZ

xyz(65.32, 69.12, 38.33)

CMYK

cmyk(0%, 10%, 38%, 6%)

CSS

color: #efd795;

CSS variable

--color-efd795: #efd795;

SCSS

$color-efd795: #efd795;

Tailwind

orange-200

Export

Developer code

:root {
  --#efd795-1: #efd795;
}

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fefcf6 fcf8ed fbf5e5 faf2dc f8eed3 f7ebca f6e8c1 f4e4b8 f3e1b0 f2dea7 f0da9e efd795 dbc589 c7b37c b3a170 9f8f63 8b7d57 786c4b 645a3e 504832 3c3625 282419 14120c

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fefcf6 fcf8ed fbf5e5 faf2dc f8eed3 f7ebca f6e8c1 f4e4b8 f3e1b0 f2dea7 f0da9e

Palette

Shades

Mixed toward black — depth, text, and emphasis

dbc589 c7b37c b3a170 9f8f63 8b7d57 786c4b 645a3e 504832 3c3625 282419 14120c

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

e6d093 ddc992 d3c190 caba8e c1b38c b8ac8b aea489 a59d87 9c9685 938f84 898782

Harmony

Complementary

Opposite on the color wheel for contrast

#EFD795Stop 1 #95ADEFStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#EFAA95Stop 1 #EFD795Stop 2 #DAEF95Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#EFD795Stop 1 #95EFD7Stop 2 #D795EFStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#EFD795Stop 1 #95DAEFStop 2 #AA95EFStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#59450DStop 1 #9B7817Stop 2 #DEAC21Stop 3 #E8C564Stop 4 #F2DEA6Stop 5

Meaning

Color psychology

Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.

Common uses: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.

Similar & related colors

Nearby colors from the library by perceptual distance

Spectrum #DBD48F#DBD48F PaleGoldenRod#EEE8AA Spectrum #D7D693#D7D693 NavajoWhite#FFDEAD Moccasin#FFE4B5 Material Orange 100#FFE0B2 Spectrum #D5C372#D5C372 Spectrum #D4C291#D4C291 Spectrum #D8BE8D#D8BE8D Tailwind orange 200#FED7AA Spectrum #D0C776#D0C776 Wheat#F5DEB3