#DFEC53

#DFEC53

Color Values

HEX

#DFEC53

RGB

223, 236, 83

HSL

65.1, 80.1%, 62.5%

HSV

65.1, 64.8%, 92.5%

CMYK

5.5%, 0.0%, 64.8%, 7.5%

OKLCH

0.9058 0.1723 114.0

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#DFEC53

#6053EC

Analogous

#ECAC53

#92EC53

#DFEC53

Triadic

#DFEC53

#53DFEC

#EC53DF

Split Complementary

#DFEC53

#5392EC

#AC53EC

Tetradic

#DFEC53

#53ECAC

#6053EC

#EC5392

Color Blindness Simulation

Original

#DFEC53

Protanopia

#E5E578

Deuteranopia

#E4E381

Tritanopia

#E0959C

Achromatopsia

#DEDEDE

CSS Usage

background-color: #DFEC53;
color: #DFEC53;
border-color: #DFEC53;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FCFDF2
100
#F7F9E1
200
#F3F8BF
300
#EAF391
400
#DFEC55
500
#D4E619
600
#AAB814
700
#889310
800
#6A730D
900
#4D530E
950
#313509

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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