#DEF57C

#DEF57C

Color Values

HEX

#DEF57C

RGB

222, 245, 124

HSL

71.4, 85.8%, 72.4%

HSV

71.4, 49.4%, 96.1%

CMYK

9.4%, 0.0%, 49.4%, 3.9%

OKLCH

0.9285 0.1488 118.3

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#DEF57C

#937CF5

Analogous

#F5D07C

#A2F57C

#DEF57C

Triadic

#DEF57C

#7CDEF5

#F57CDE

Split Complementary

#DEF57C

#7CA2F5

#D07CF5

Tetradic

#DEF57C

#7CF5D0

#937CF5

#F57CA2

Color Blindness Simulation

Original

#DEF57C

Protanopia

#E8E899

Deuteranopia

#E7E5A0

Tritanopia

#DFB0B5

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FBFDF2
100
#F5FAE0
200
#EEFABD
300
#E2F68D
400
#D3F250
500
#C3ED12
600
#9CBE0E
700
#7D980C
800
#627609
900
#48560B
950
#2D3607

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.46:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026