#D1D40F

#D1D40F

Color Values

HEX

#D1D40F

RGB

209, 212, 15

HSL

60.9, 86.8%, 44.5%

HSV

60.9, 92.9%, 83.1%

CMYK

1.4%, 0.0%, 92.9%, 16.9%

OKLCH

0.8398 0.1822 110.8

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#D1D40F

#120FD4

Analogous

#D4740F

#6FD40F

#D1D40F

Triadic

#D1D40F

#0FD1D4

#D40FD1

Split Complementary

#D1D40F

#0F6FD4

#740FD4

Tetradic

#D1D40F

#0FD474

#120FD4

#D40F6F

Color Blindness Simulation

Original

#D1D40F

Protanopia

#D2D23F

Deuteranopia

#D2D24A

Tritanopia

#D1646D

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#F9FABC
300
#F5F78D
400
#F0F34F
500
#EBEE11
600
#BCBF0D
700
#96980B
800
#757708
900
#55560B
950
#363707

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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