#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