#DFDF59

#DFDF59

Color Values

HEX

#DFDF59

RGB

223, 223, 89

HSL

60,0, 67,7%, 61,2%

HSV

60,0, 60,1%, 87,5%

CMYK

0,0%, 0,0%, 60,1%, 12,5%

OKLCH

0,8787 0,1542 109,2

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DFDF59

#5959DF

Analogous

#DF9C59

#9CDF59

#DFDF59

Triadic

#DFDF59

#59DFDF

#DF59DF

Split Complementary

#DFDF59

#599CDF

#9C59DF

Tetradic

#DFDF59

#59DF9C

#5959DF

#DF599C

Color Blindness Simulation

Original

#DFDF59

Protanopia

#DFDF79

Deuteranopia

#DFDF81

Tritanopia

#DF9399

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F3F3C3
300
#EBEB98
400
#E1E161
500
#D6D629
600
#ABAB21
700
#89891A
800
#6B6B15
900
#4E4E13
950
#31310C

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026