#D2CF29

#D2CF29

Color Values

HEX

#D2CF29

RGB

210, 207, 41

HSL

58.9, 67.3%, 49.2%

HSV

58.9, 80.5%, 82.4%

CMYK

0.0%, 1.4%, 80.5%, 17.6%

OKLCH

0.8307 0.1701 108.5

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#D2CF29

#292CD2

Analogous

#D27A29

#81D229

#D2CF29

Triadic

#D2CF29

#29D2CF

#CF29D2

Split Complementary

#D2CF29

#2981D2

#7A29D2

Tetradic

#D2CF29

#29D27A

#292CD2

#D22981

Color Blindness Simulation

Original

#D2CF29

Protanopia

#D1D151

Deuteranopia

#D1D15B

Tritanopia

#D27178

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F3F2C3
300
#EBE999
400
#E0DE61
500
#D5D22A
600
#ABA821
700
#89871B
800
#6B6915
900
#4E4D13
950
#31300C

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026