#DFE6AF

#DFE6AF

Color Values

HEX

#DFE6AF

RGB

223, 230, 175

HSL

67,6, 52,4%, 79,4%

HSV

67,6, 23,9%, 90,2%

CMYK

3,0%, 0,0%, 23,9%, 9,8%

OKLCH

0,9061 0,0722 113,7

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DFE6AF

#B6AFE6

Analogous

#E6D1AF

#C3E6AF

#DFE6AF

Triadic

#DFE6AF

#AFDFE6

#E6AFDF

Split Complementary

#DFE6AF

#AFC3E6

#D1AFE6

Tetradic

#DFE6AF

#AFE6D1

#B6AFE6

#E6AFC3

Color Blindness Simulation

Original

#DFE6AF

Protanopia

#E2E2BC

Deuteranopia

#E2E1C0

Tritanopia

#DFC7C9

Achromatopsia

#E1E1E1

CSS Usage

background-color: #DFE6AF;
color: #DFE6AF;
border-color: #DFE6AF;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#E9EEC9
300
#DAE2A2
400
#C6D26F
500
#B1C23D
600
#8E9B31
700
#727C27
800
#59611E
900
#42471A
950
#292D10

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

16,08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026