#D4D477

#D4D477

Color Values

HEX

#D4D477

RGB

212, 212, 119

HSL

60.0, 52.0%, 64.9%

HSV

60.0, 43.9%, 83.1%

CMYK

0.0%, 0.0%, 43.9%, 16.9%

OKLCH

0.85 0.1161 108.6

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#D4D477

#7777D4

Analogous

#D4A577

#A5D477

#D4D477

Triadic

#D4D477

#77D4D4

#D477D4

Split Complementary

#D4D477

#77A5D4

#A577D4

Tetradic

#D4D477

#77D4A5

#7777D4

#D477A5

Color Blindness Simulation

Original

#D4D477

Protanopia

#D4D48D

Deuteranopia

#D4D493

Tritanopia

#D49FA3

Achromatopsia

#CDCDCD

CSS Usage

background-color: #D4D477;
color: #D4D477;
border-color: #D4D477;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEEC9
300
#E2E2A2
400
#D2D270
500
#C2C23D
600
#9B9B31
700
#7C7C27
800
#61611F
900
#47471A
950
#2D2D10

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.48:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026