#ebae8d

Color #ebae8d

A vivid, highly saturated light orange.

Closest named color Dark Salmon #e9967a · ΔE 11.91 Nearest Tailwind class orange-300 #ffb86a · ΔE 11.1

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

Conversions

HEX

#ebae8d

RGB

rgb(235, 174, 141)

HSL

hsl(21.1, 70.1%, 73.7%)

HSV / HSB

hsv(21.1, 40%, 92.2%)

CMYK

cmyk(0%, 26%, 40%, 7.8%)

LAB

lab(75.98, 18.16, 25.67)

LCH

lch(75.98, 31.44, 54.72)

OKLCH

oklch(80%, 0.0847, 49.5)

HWB

hwb(21.1, 55.3%, 7.8%)

Harmony colors

Complementary

#8dcaeb

Analogous

#eb8d9b

#ebae8d

#ebdd8d

Triadic

#ebae8d

#8debae

#ae8deb

Split-complementary

#ebae8d

#8debdd

#8d9beb

Tetradic

#ebae8d

#caeb8d

#8dcaeb

#ae8deb

Square

#ebae8d

#9beb8d

#8dcaeb

#dd8deb

Shades

Color #ebae8d mixed toward black.

#e28858

#d56325

#a04a1c

#6b3213

#351909

Tints

Color #ebae8d mixed toward white.

#eebba0

#f2c9b3

#f5d6c6

#f8e4d9

#fcf1ec

Tones

Color #ebae8d mixed toward gray.

#e3b095

#dbb39d

#d3b5a4

#ccb7ac

#c4bab4

Accessibility

Aa White text on this color

1.91:1

Aa Black text on this color

10.97:1

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

Under color vision deficiencies

Protanopia

#d3d396 · ΔE 23.4

Deuteranopia

#d7db98 · ΔE 25.3

Tritanopia

#e89c9e · ΔE 14.1

Achromatopsia

#bbbbbb · ΔE 19.9

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

Code

CSS

background-color: #ebae8d;

Tailwind (arbitrary value)

bg-[#ebae8d]

Related colors

Sienna #a0522d

Seashell #fff5ee

Chocolate #d2691e

Saddle Brown #8b4513

Light Salmon #ffa07a

Orange Red #ff4500

Frequently asked questions

#ebae8d (#ebae8d) is rgb(235, 174, 141) in RGB.

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

Generate a palette → Check contrast