#DFE087

#DFE087

Color Values

HEX

#DFE087

RGB

223, 224, 135

HSL

60.7, 58.9%, 70.4%

HSV

60.7, 39.7%, 87.8%

CMYK

0.4%, 0.0%, 39.7%, 12.2%

OKLCH

0.8865 0.1116 109.0

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#DFE087

#8887E0

Analogous

#E0B587

#B2E087

#DFE087

Triadic

#DFE087

#87DFE0

#E087DF

Split Complementary

#DFE087

#87B2E0

#B587E0

Tetradic

#DFE087

#87E0B5

#8887E0

#E087B2

Color Blindness Simulation

Original

#DFE087

Protanopia

#DFDF9D

Deuteranopia

#DFDFA2

Tritanopia

#DFAEB1

Achromatopsia

#D9D9D9

CSS Usage

background-color: #DFE087;
color: #DFE087;
border-color: #DFE087;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0F0C6
300
#E5E69E
400
#D7D869
500
#C9CB34
600
#A1A22A
700
#818222
800
#64651A
900
#4A4A17
950
#2E2F0E

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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