#DBA76C

#DBA76C

Color Values

HEX

#DBA76C

RGB

219, 167, 108

HSL

31,9, 60,7%, 64,1%

HSV

31,9, 50,7%, 85,9%

CMYK

0,0%, 23,7%, 50,7%, 14,1%

OKLCH

0,7639 0,0976 69,0

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#DBA76C

#6CA0DB

Analogous

#DB6F6C

#D8DB6C

#DBA76C

Triadic

#DBA76C

#6CDBA7

#A76CDB

Split Complementary

#DBA76C

#6CD8DB

#6F6CDB

Tetradic

#DBA76C

#6CDB6F

#6CA0DB

#DB6CD8

Color Blindness Simulation

Original

#DBA76C

Protanopia

#C4C47A

Deuteranopia

#C8CB7E

Tritanopia

#D88688

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DDC6
300
#E7C49D
400
#DAA467
500
#CD8432
600
#A46A28
700
#835520
800
#664219
900
#4B3216
950
#2F200E

Contrast Checker

Text on white

2,15:1

AA Fail AAA Fail

Text on black

9,76:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026