#D2D213

#D2D213

Color Values

HEX

#D2D213

RGB

210, 210, 19

HSL

60.0, 83.4%, 44.9%

HSV

60.0, 91.0%, 82.4%

CMYK

0.0%, 0.0%, 91.0%, 17.6%

OKLCH

0.8364 0.1795 109.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#D2D213

#1313D2

Analogous

#D27213

#72D213

#D2D213

Triadic

#D2D213

#13D2D2

#D213D2

Split Complementary

#D2D213

#1372D2

#7213D2

Tetradic

#D2D213

#13D272

#1313D2

#D21372

Color Blindness Simulation

Original

#D2D213

Protanopia

#D2D241

Deuteranopia

#D2D24C

Tritanopia

#D2666E

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#F9F9BE
300
#F5F58F
400
#EFEF52
500
#EAEA15
600
#BBBB11
700
#96960E
800
#75750B
900
#55550C
950
#363608

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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