#D2D146

#D2D146

Color Values

HEX

#D2D146

RGB

210, 209, 70

HSL

59.6, 60.9%, 54.9%

HSV

59.6, 66.7%, 82.4%

CMYK

0.0%, 0.5%, 66.7%, 17.6%

OKLCH

0.8367 0.1562 108.9

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#D2D146

#4647D2

Analogous

#D28B46

#8DD246

#D2D146

Triadic

#D2D146

#46D2D1

#D146D2

Split Complementary

#D2D146

#468DD2

#8B46D2

Tetradic

#D2D146

#46D28B

#4647D2

#D2468D

Color Blindness Simulation

Original

#D2D146

Protanopia

#D2D268

Deuteranopia

#D2D270

Tritanopia

#D28288

Achromatopsia

#C7C7C7

CSS Usage

background-color: #D2D146;
color: #D2D146;
border-color: #D2D146;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F1C6
300
#E7E79D
400
#DAD967
500
#CDCC32
600
#A4A328
700
#838320
800
#676619
900
#4B4B16
950
#2F2F0E

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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