#DFE97C

#DFE97C

Color Values

HEX

#DFE97C

RGB

223, 233, 124

HSL

65,5, 71,2%, 70,0%

HSV

65,5, 46,8%, 91,4%

CMYK

4,3%, 0,0%, 46,8%, 8,6%

OKLCH

0,9037 0,1338 113,4

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DFE97C

#867CE9

Analogous

#E9BC7C

#A9E97C

#DFE97C

Triadic

#DFE97C

#7CDFE9

#E97CDF

Split Complementary

#DFE97C

#7CA9E9

#BC7CE9

Tetradic

#DFE97C

#7CE9BC

#867CE9

#E97CA9

Color Blindness Simulation

Original

#DFE97C

Protanopia

#E3E396

Deuteranopia

#E3E29D

Tritanopia

#E0ABB0

Achromatopsia

#DFDFDF

CSS Usage

background-color: #DFE97C;
color: #DFE97C;
border-color: #DFE97C;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#F0F5C2
300
#E5ED96
400
#D8E45D
500
#CADA25
600
#A1AF1D
700
#818C18
800
#656D12
900
#4A4F11
950
#2F320B

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

16,08:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026