#DFE58A

#DFE58A

Color Values

HEX

#DFE58A

RGB

223, 229, 138

HSL

64.0, 63.6%, 72.0%

HSV

64.0, 39.7%, 89.8%

CMYK

2.6%, 0.0%, 39.7%, 10.2%

OKLCH

0.8974 0.1143 111.7

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#DFE58A

#908AE5

Analogous

#E5BE8A

#B2E58A

#DFE58A

Triadic

#DFE58A

#8ADFE5

#E58ADF

Split Complementary

#DFE58A

#8AB2E5

#BE8AE5

Tetradic

#DFE58A

#8AE5BE

#908AE5

#E58AB2

Color Blindness Simulation

Original

#DFE58A

Protanopia

#E2E2A0

Deuteranopia

#E1E1A5

Tritanopia

#DFB1B5

Achromatopsia

#DDDDDD

CSS Usage

background-color: #DFE58A;
color: #DFE58A;
border-color: #DFE58A;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#EFF2C5
300
#E4E99B
400
#D5DD65
500
#C6D12E
600
#9EA725
700
#7F851E
800
#636817
900
#484C15
950
#2E300D

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026