#DDB98C

#DDB98C

Color Values

HEX

#DDB98C

RGB

221, 185, 140

HSL

33.3, 54.4%, 70.8%

HSV

33.3, 36.7%, 86.7%

CMYK

0.0%, 16.3%, 36.7%, 13.3%

OKLCH

0.8065 0.0725 72.7

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#DDB98C

#8CB0DD

Analogous

#DD908C

#D9DD8C

#DDB98C

Triadic

#DDB98C

#8CDDB9

#B98CDD

Split Complementary

#DDB98C

#8CD9DD

#908CDD

Tetradic

#DDB98C

#8CDD90

#8CB0DD

#DD8CD9

Color Blindness Simulation

Original

#DDB98C

Protanopia

#CDCD97

Deuteranopia

#D0D29A

Tritanopia

#DB9FA1

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EFDDC8
300
#E3C5A1
400
#D4A66D
500
#C5873A
600
#9D6C2F
700
#7E5625
800
#62441D
900
#483319
950
#2E2010

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.39: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