#D3D384

#D3D384

Color Values

HEX

#D3D384

RGB

211, 211, 132

HSL

60.0, 47.3%, 67.3%

HSV

60.0, 37.4%, 82.7%

CMYK

0.0%, 0.0%, 37.4%, 17.3%

OKLCH

0.8491 0.1008 108.4

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#D3D384

#8484D3

Analogous

#D3AC84

#ACD384

#D3D384

Triadic

#D3D384

#84D3D3

#D384D3

Split Complementary

#D3D384

#84ACD3

#AC84D3

Tetradic

#D3D384

#84D3AC

#8484D3

#D384AC

Color Blindness Simulation

Original

#D3D384

Protanopia

#D3D397

Deuteranopia

#D3D39C

Tritanopia

#D3A6AA

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECECCA
300
#DFDFA5
400
#CDCD74
500
#BCBC43
600
#969636
700
#78782B
800
#5E5E22
900
#45451C
950
#2C2C12

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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