#D4D374

#D4D374

Color Values

HEX

#D4D374

RGB

212, 211, 116

HSL

59.4, 52.7%, 64.3%

HSV

59.4, 45.3%, 83.1%

CMYK

0.0%, 0.5%, 45.3%, 16.9%

OKLCH

0.8475 0.1181 108.1

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#D4D374

#7475D4

Analogous

#D4A374

#A5D474

#D4D374

Triadic

#D4D374

#74D4D3

#D374D4

Split Complementary

#D4D374

#74A5D4

#A374D4

Tetradic

#D4D374

#74D4A3

#7475D4

#D474A5

Color Blindness Simulation

Original

#D4D374

Protanopia

#D4D48B

Deuteranopia

#D4D490

Tritanopia

#D49DA1

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEEC8
300
#E2E1A2
400
#D2D16F
500
#C3C13C
600
#9C9B30
700
#7D7C27
800
#61611E
900
#474719
950
#2D2D10

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026