#D0C509

#D0C509

Color Values

HEX

#D0C509

RGB

208, 197, 9

HSL

56.7, 91.7%, 42.5%

HSV

56.7, 95.7%, 81.6%

CMYK

0.0%, 5.3%, 95.7%, 18.4%

OKLCH

0.8067 0.1704 105.5

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#D0C509

#0914D0

Analogous

#D06109

#77D009

#D0C509

Triadic

#D0C509

#09D0C5

#C509D0

Split Complementary

#D0C509

#0977D0

#6109D0

Tetradic

#D0C509

#09D061

#0914D0

#D00977

Color Blindness Simulation

Original

#D0C509

Protanopia

#CBCB36

Deuteranopia

#CCCD41

Tritanopia

#CF5A62

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCF8BB
300
#FAF48A
400
#F7EE4A
500
#F4E80B
600
#C4B908
700
#9C9407
800
#7A7405
900
#585408
950
#383505

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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