#DFE372

#DFE372

Color Values

HEX

#DFE372

RGB

223, 227, 114

HSL

62,1, 66,9%, 66,9%

HSV

62,1, 49,8%, 89,0%

CMYK

1,8%, 0,0%, 49,8%, 11,0%

OKLCH

0,8898 0,1366 110,7

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DFE372

#7672E3

Analogous

#E3AF72

#A7E372

#DFE372

Triadic

#DFE372

#72DFE3

#E372DF

Split Complementary

#DFE372

#72A7E3

#AF72E3

Tetradic

#DFE372

#72E3AF

#7672E3

#E372A7

Color Blindness Simulation

Original

#DFE372

Protanopia

#E1E18D

Deuteranopia

#E0E094

Tritanopia

#DFA3A8

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F7E3
200
#F2F3C3
300
#E8EB99
400
#DBE062
500
#CFD52A
600
#A5AA22
700
#84881B
800
#676A15
900
#4C4E13
950
#30310C

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,37: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