#DFB577

#DFB577

Color Values

HEX

#DFB577

RGB

223, 181, 119

HSL

35.8, 61.9%, 67.1%

HSV

35.8, 46.6%, 87.5%

CMYK

0.0%, 18.8%, 46.6%, 12.5%

OKLCH

0.7968 0.0931 76.5

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#DFB577

#77A1DF

Analogous

#DF8177

#D5DF77

#DFB577

Triadic

#DFB577

#77DFB5

#B577DF

Split Complementary

#DFB577

#77D5DF

#8177DF

Tetradic

#DFB577

#77DF81

#77A1DF

#DF77D5

Color Blindness Simulation

Original

#DFB577

Protanopia

#CDCC86

Deuteranopia

#CFD28A

Tritanopia

#DD9294

Achromatopsia

#B9B9B9

CSS Usage

background-color: #DFB577;
color: #DFB577;
border-color: #DFB577;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F1E0C5
300
#E8C99C
400
#DBAC66
500
#CE8F31
600
#A57227
700
#845B1F
800
#674718
900
#4B3615
950
#30220E

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

11.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026