#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

Şub 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026