#DFE273

#DFE273

Color Values

HEX

#DFE273

RGB

223, 226, 115

HSL

61.6, 65.7%, 66.9%

HSV

61.6, 49.1%, 88.6%

CMYK

1.3%, 0.0%, 49.1%, 11.4%

OKLCH

0.8879 0.1345 110.2

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DFE273

#7673E2

Analogous

#E2AE73

#A8E273

#DFE273

Triadic

#DFE273

#73DFE2

#E273DF

Split Complementary

#DFE273

#73A8E2

#AE73E2

Tetradic

#DFE273

#73E2AE

#7673E2

#E273A8

Color Blindness Simulation

Original

#DFE273

Protanopia

#E0E08E

Deuteranopia

#E0E094

Tritanopia

#DFA3A8

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F7E3
200
#F2F3C4
300
#E8EA9A
400
#DBDF63
500
#CFD32C
600
#A5A923
700
#84871C
800
#676A16
900
#4C4D14
950
#30310D

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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