#DAD709

#DAD709

Color Values

HEX

#DAD709

RGB

218, 215, 9

HSL

59.1, 92.1%, 44.5%

HSV

59.1, 95.9%, 85.5%

CMYK

0.0%, 1.4%, 95.9%, 14.5%

OKLCH

0.8536 0.1837 108.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#DAD709

#090CDA

Analogous

#DA6E09

#75DA09

#DAD709

Triadic

#DAD709

#09DAD7

#D709DA

Split Complementary

#DAD709

#0975DA

#6E09DA

Tetradic

#DAD709

#09DA6E

#090CDA

#DA0975

Color Blindness Simulation

Original

#DAD709

Protanopia

#D9D93B

Deuteranopia

#D9D947

Tritanopia

#DA626B

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FCFBBA
300
#FAF889
400
#F8F54A
500
#F5F10A
600
#C4C108
700
#9D9A06
800
#7A7905
900
#595708
950
#383705

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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