#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

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026