#DFF390

#DFF390

Color Values

HEX

#DFF390

RGB

223, 243, 144

HSL

72.1, 80.5%, 75.9%

HSV

72.1, 40.7%, 95.3%

CMYK

8.2%, 0.0%, 40.7%, 4.7%

OKLCH

0.9277 0.1256 118.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#DFF390

#A490F3

Analogous

#F3D590

#AEF390

#DFF390

Triadic

#DFF390

#90DFF3

#F390DF

Split Complementary

#DFF390

#90AEF3

#D590F3

Tetradic

#DFF390

#90F3D5

#A490F3

#F390AE

Color Blindness Simulation

Original

#DFF390

Protanopia

#E8E8A8

Deuteranopia

#E6E5AE

Tritanopia

#E0BBBF

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F4F9E1
200
#ECF8BF
300
#DFF391
400
#CEED55
500
#BDE619
600
#97B814
700
#799310
800
#5E730C
900
#45540D
950
#2C3508

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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