#D3D377

#D3D377

Color Values

HEX

#D3D377

RGB

211, 211, 119

HSL

60.0, 51.1%, 64.7%

HSV

60.0, 43.6%, 82.7%

CMYK

0.0%, 0.0%, 43.6%, 17.3%

OKLCH

0.8471 0.1151 108.6

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#D3D377

#7777D3

Analogous

#D3A577

#A5D377

#D3D377

Triadic

#D3D377

#77D3D3

#D377D3

Split Complementary

#D3D377

#77A5D3

#A577D3

Tetradic

#D3D377

#77D3A5

#7777D3

#D377A5

Color Blindness Simulation

Original

#D3D377

Protanopia

#D3D38D

Deuteranopia

#D3D393

Tritanopia

#D39FA3

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEEC9
300
#E1E1A3
400
#D1D170
500
#C1C13E
600
#9A9A32
700
#7B7B28
800
#60601F
900
#47471A
950
#2D2D11

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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