#DFB48C

#DFB48C

Color Values

HEX

#DFB48C

RGB

223, 180, 140

HSL

28,9, 56,5%, 71,2%

HSV

28,9, 37,2%, 87,5%

CMYK

0,0%, 19,3%, 37,2%, 12,5%

OKLCH

0,7987 0,0731 64,4

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#DFB48C

#8CB7DF

Analogous

#DF8C8E

#DFDE8C

#DFB48C

Triadic

#DFB48C

#8CDFB4

#B48CDF

Split Complementary

#DFB48C

#8CDFDE

#8C8EDF

Tetradic

#DFB48C

#8EDF8C

#8CB7DF

#DE8CDF

Color Blindness Simulation

Original

#DFB48C

Protanopia

#CCCC96

Deuteranopia

#CFD298

Tritanopia

#DD9D9F

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE5
200
#EFDBC7
300
#E4C19F
400
#D69F6B
500
#C87D37
600
#A0642C
700
#805023
800
#643E1C
900
#493018
950
#2E1E0F

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,04: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