#DDE97F

#DDE97F

Color Values

HEX

#DDE97F

RGB

221, 233, 127

HSL

66.8, 70.7%, 70.6%

HSV

66.8, 45.5%, 91.4%

CMYK

5.2%, 0.0%, 45.5%, 8.6%

OKLCH

0.9026 0.1312 114.4

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DDE97F

#8B7FE9

Analogous

#E9C07F

#A8E97F

#DDE97F

Triadic

#DDE97F

#7FDDE9

#E97FDD

Split Complementary

#DDE97F

#7FA8E9

#C07FE9

Tetradic

#DDE97F

#7FE9C0

#8B7FE9

#E97FA8

Color Blindness Simulation

Original

#DDE97F

Protanopia

#E2E299

Deuteranopia

#E2E19F

Tritanopia

#DEADB1

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F8E2
200
#EFF5C2
300
#E3ED97
400
#D4E35E
500
#C5DA25
600
#9EAE1E
700
#7E8B18
800
#636D13
900
#484F12
950
#2E320B

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026