#DFE690

#DFE690

Color Values

HEX

#DFE690

RGB

223, 230, 144

HSL

64.9, 63.2%, 73.3%

HSV

64.9, 37.4%, 90.2%

CMYK

3.0%, 0.0%, 37.4%, 9.8%

OKLCH

0.9004 0.1089 112.4

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#DFE690

#9790E6

Analogous

#E6C290

#B4E690

#DFE690

Triadic

#DFE690

#90DFE6

#E690DF

Split Complementary

#DFE690

#90B4E6

#C290E6

Tetradic

#DFE690

#90E6C2

#9790E6

#E690B4

Color Blindness Simulation

Original

#DFE690

Protanopia

#E2E2A5

Deuteranopia

#E2E1AA

Tritanopia

#DFB5B9

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F7E4
200
#EEF2C5
300
#E2E89B
400
#D3DC65
500
#C3D02F
600
#9CA626
700
#7D851E
800
#616817
900
#484C15
950
#2D300D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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