#DFEF3F

#DFEF3F

Color Values

HEX

#DFEF3F

RGB

223, 239, 63

HSL

65.5, 84.6%, 59.2%

HSV

65.5, 73.6%, 93.7%

CMYK

6.7%, 0.0%, 73.6%, 6.3%

OKLCH

0.9108 0.1878 114.8

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#DFEF3F

#4F3FEF

Analogous

#EFA73F

#87EF3F

#DFEF3F

Triadic

#DFEF3F

#3FDFEF

#EF3FDF

Split Complementary

#DFEF3F

#3F87EF

#A73FEF

Tetradic

#DFEF3F

#3FEFA7

#4F3FEF

#EF3F87

Color Blindness Simulation

Original

#DFEF3F

Protanopia

#E6E66A

Deuteranopia

#E5E474

Tritanopia

#E08B93

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8FAE0
200
#F4FABD
300
#ECF68E
400
#E2F051
500
#D8EB14
600
#ACBC10
700
#8A970D
800
#6C760A
900
#4F550C
950
#323607

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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