#DFED96

#DFED96

Color Values

HEX

#DFED96

RGB

223, 237, 150

HSL

69,7, 70,7%, 75,9%

HSV

69,7, 36,7%, 92,9%

CMYK

5,9%, 0,0%, 36,7%, 7,1%

OKLCH

0,916 0,1111 116,1

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#DFED96

#A496ED

Analogous

#EDD096

#B3ED96

#DFED96

Triadic

#DFED96

#96DFED

#ED96DF

Split Complementary

#DFED96

#96B3ED

#D096ED

Tetradic

#DFED96

#96EDD0

#A496ED

#ED96B3

Color Blindness Simulation

Original

#DFED96

Protanopia

#E5E5AB

Deuteranopia

#E4E3B0

Tritanopia

#E0BCBF

Achromatopsia

#E4E4E4

CSS Usage

background-color: #DFED96;
color: #DFED96;
border-color: #DFED96;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FAFCF3
100
#F4F8E2
200
#ECF5C2
300
#DFED97
400
#CEE35E
500
#BCDA25
600
#97AE1E
700
#798B18
800
#5E6D13
900
#454F12
950
#2C320B

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026