#D8BA72

#D8BA72

Color Values

HEX

#D8BA72

RGB

216, 186, 114

HSL

42.4, 56.7%, 64.7%

HSV

42.4, 47.2%, 84.7%

CMYK

0.0%, 13.9%, 47.2%, 15.3%

OKLCH

0.7992 0.0974 87.6

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#D8BA72

#7290D8

Analogous

#D88772

#C3D872

#D8BA72

Triadic

#D8BA72

#72D8BA

#BA72D8

Split Complementary

#D8BA72

#72C3D8

#8772D8

Tetradic

#D8BA72

#72D887

#7290D8

#D872C3

Color Blindness Simulation

Original

#D8BA72

Protanopia

#CBCB83

Deuteranopia

#CDCF88

Tritanopia

#D69194

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F6F1E5
200
#F0E4C7
300
#E5D09F
400
#D6B76B
500
#C89D37
600
#A07E2C
700
#806523
800
#644F1C
900
#493B18
950
#2E250F

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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