#DFDF86

#DFDF86

Color Values

HEX

#DFDF86

RGB

223, 223, 134

HSL

60.0, 58.2%, 70.0%

HSV

60.0, 39.9%, 87.5%

CMYK

0.0%, 0.0%, 39.9%, 12.5%

OKLCH

0.8842 0.1115 108.5

Properties

Warm Light Nearest: Green Yellow

Color Harmonies

Complementary

#DFDF86

#8686DF

Analogous

#DFB286

#B2DF86

#DFDF86

Triadic

#DFDF86

#86DFDF

#DF86DF

Split Complementary

#DFDF86

#86B2DF

#B286DF

Tetradic

#DFDF86

#86DFB2

#8686DF

#DF86B2

Color Blindness Simulation

Original

#DFDF86

Protanopia

#DFDF9C

Deuteranopia

#DFDFA1

Tritanopia

#DFADB0

Achromatopsia

#D9D9D9

CSS Usage

background-color: #DFDF86;
color: #DFDF86;
border-color: #DFDF86;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0F0C7
300
#E5E59E
400
#D8D86A
500
#CACA35
600
#A1A12B
700
#818122
800
#65651B
900
#4A4A17
950
#2F2F0F

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.04:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026