#DDB28E

#DDB28E

Color Values

HEX

#DDB28E

RGB

221, 178, 142

HSL

27.3, 53.7%, 71.2%

HSV

27.3, 35.7%, 86.7%

CMYK

0.0%, 19.5%, 35.7%, 13.3%

OKLCH

0.7933 0.0697 61.5

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#DDB28E

#8EB9DD

Analogous

#DD8E92

#DDD98E

#DDB28E

Triadic

#DDB28E

#8EDDB2

#B28EDD

Split Complementary

#DDB28E

#8EDDD9

#8E92DD

Tetradic

#DDB28E

#92DD8E

#8EB9DD

#D98EDD

Color Blindness Simulation

Original

#DDB28E

Protanopia

#CACA97

Deuteranopia

#CDD099

Tritanopia

#DB9E9F

Achromatopsia

#B9B9B9

CSS Usage

background-color: #DDB28E;
color: #DDB28E;
border-color: #DDB28E;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EEDAC8
300
#E3BFA1
400
#D39C6E
500
#C4793B
600
#9D612F
700
#7D4E26
800
#623D1E
900
#482E19
950
#2D1D10

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026