#DDB18E

#DDB18E

Color Values

HEX

#DDB18E

RGB

221, 177, 142

HSL

26.6, 53.7%, 71.2%

HSV

26.6, 35.7%, 86.7%

CMYK

0.0%, 19.9%, 35.7%, 13.3%

OKLCH

0.7914 0.0698 60.0

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#DDB18E

#8EBADD

Analogous

#DD8E93

#DDD98E

#DDB18E

Triadic

#DDB18E

#8EDDB1

#B18EDD

Split Complementary

#DDB18E

#8EDDD9

#8E93DD

Tetradic

#DDB18E

#93DD8E

#8EBADD

#D98EDD

Color Blindness Simulation

Original

#DDB18E

Protanopia

#CACA96

Deuteranopia

#CCD098

Tritanopia

#DB9D9F

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EED9C8
300
#E3BEA1
400
#D39B6E
500
#C4783B
600
#9D602F
700
#7D4D26
800
#623C1E
900
#482E19
950
#2D1D10

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026