#dbbda5

Color #dbbda5

A moderately saturated light orange.

Closest named color Tan #d2b48c · ΔE 9.3 Nearest Tailwind class orange-200 #ffd6a7 · ΔE 9.1

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

Conversions

HEX

#dbbda5

RGB

rgb(219, 189, 165)

HSL

hsl(26.7, 42.9%, 75.3%)

HSV / HSB

hsv(26.7, 24.7%, 85.9%)

CMYK

cmyk(0%, 13.7%, 24.7%, 14.1%)

LAB

lab(78.56, 7.04, 16.09)

LCH

lch(78.56, 17.56, 66.37)

OKLCH

oklch(81.8%, 0.0475, 60.73)

HWB

hwb(26.7, 64.7%, 14.1%)

Harmony colors

Complementary

#a5c3db

Analogous

#dba5a8

#dbbda5

#dbd8a5

Triadic

#dbbda5

#a5dbbd

#bda5db

Split-complementary

#dbbda5

#a5dbd8

#a5a8db

Tetradic

#dbbda5

#c3dba5

#a5c3db

#bda5db

Square

#dbbda5

#a8dba5

#a5c3db

#d8a5db

Shades

Color #dbbda5 mixed toward black.

#c99c77

#b67a4a

#895b37

#5b3d25

#2e1e12

Tints

Color #dbbda5 mixed toward white.

#e1c8b4

#e7d3c3

#edded2

#f3e9e1

#f9f4f0

Tones

Color #dbbda5 mixed toward gray.

#d7bea9

#d2beae

#cebfb3

#c9bfb7

#c5c0bc

Accessibility

Aa White text on this color

1.77:1

Aa Black text on this color

11.83:1

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

Under color vision deficiencies

Protanopia

#cfceab · ΔE 14.7

Deuteranopia

#d0d3ad · ΔE 16.6

Tritanopia

#dab0b1 · ΔE 12.9

Achromatopsia

#c2c2c2 · ΔE 13.4

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

Code

CSS

background-color: #dbbda5;

Tailwind (arbitrary value)

bg-[#dbbda5]

Related colors

Sandy Brown #f4a460

Peach Puff #ffdab9

Chocolate #d2691e

Saddle Brown #8b4513

Seashell #fff5ee

Peru #cd853f

Frequently asked questions

#dbbda5 (#dbbda5) is rgb(219, 189, 165) in RGB.

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

Generate a palette → Check contrast