#d48964

Color #d48964

A moderately saturated light orange.

Closest named color Dark Salmon #e9967a · ΔE 7.81 Nearest Tailwind class amber-600 #e17100 · ΔE 12.1

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

Conversions

HEX

#d48964

RGB

rgb(212, 137, 100)

HSL

hsl(19.8, 56.6%, 61.2%)

HSV / HSB

hsv(19.8, 52.8%, 83.1%)

CMYK

cmyk(0%, 35.4%, 52.8%, 16.9%)

LAB

lab(64.01, 24.77, 31.61)

LCH

lch(64.01, 40.16, 51.92)

OKLCH

oklch(69.9%, 0.1054, 46.77)

HWB

hwb(19.8, 39.2%, 16.9%)

Harmony colors

Complementary

#64afd4

Analogous

#d46477

#d48964

#d4c164

Triadic

#d48964

#64d489

#8964d4

Split-complementary

#d48964

#64d4c1

#6477d4

Tetradic

#d48964

#afd464

#64afd4

#8964d4

Square

#d48964

#77d464

#64afd4

#c164d4

Shades

Color #d48964 mixed toward black.

#c96a3b

#a3542d

#7a3f22

#512a17

#29150b

Tints

Color #d48964 mixed toward white.

#db9d7e

#e2b098

#eac4b2

#f1d8cb

#f8ebe5

Tones

Color #d48964 mixed toward gray.

#cb8c6d

#c18f77

#b89380

#af9689

#a59993

Accessibility

Aa White text on this color

2.78:1

Aa Black text on this color

7.56:1

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

Under color vision deficiencies

Protanopia

#b8b86e · ΔE 28.2

Deuteranopia

#bcc171 · ΔE 30.6

Tritanopia

#d17677 · ΔE 14.2

Achromatopsia

#9b9b9b · ΔE 22.3

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

Code

CSS

background-color: #d48964;

Tailwind (arbitrary value)

bg-[#d48964]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Dark Salmon #e9967a

Seashell #fff5ee

Frequently asked questions

#d48964 (#d48964) is rgb(212, 137, 100) in RGB.

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

Generate a palette → Check contrast