#D4BC4F

#D4BC4F

Color Values

HEX

#D4BC4F

RGB

212, 188, 79

HSL

49,2, 60,7%, 57,1%

HSV

49,2, 62,7%, 83,1%

CMYK

0,0%, 11,3%, 62,7%, 16,9%

OKLCH

0,7951 0,1305 96,9

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#D4BC4F

#4F67D4

Analogous

#D47A4F

#AAD44F

#D4BC4F

Triadic

#D4BC4F

#4FD4BC

#BC4FD4

Split Complementary

#D4BC4F

#4FAAD4

#7A4FD4

Tetradic

#D4BC4F

#4FD47A

#4F67D4

#D44FAA

Color Blindness Simulation

Original

#D4BC4F

Protanopia

#CAC969

Deuteranopia

#CBCD70

Tritanopia

#D37E83

Achromatopsia

#B9B9B9

CSS Usage

background-color: #D4BC4F;
color: #D4BC4F;
border-color: #D4BC4F;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFAF3
100
#F6F3E4
200
#F1E9C6
300
#E7DA9D
400
#DAC567
500
#CDB132
600
#A48E28
700
#837120
800
#665919
900
#4B4116
950
#2F290E

Contrast Checker

Text on white

1,89:1

AA Fail AAA Fail

Text on black

11,11:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026