#DFE7A6

#DFE7A6

Color Values

HEX

#DFE7A6

RGB

223, 231, 166

HSL

67.4, 57.5%, 77.8%

HSV

67.4, 28.1%, 90.6%

CMYK

3.5%, 0.0%, 28.1%, 9.4%

OKLCH

0.9064 0.0845 113.8

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DFE7A6

#AEA6E7

Analogous

#E7CEA6

#BEE7A6

#DFE7A6

Triadic

#DFE7A6

#A6DFE7

#E7A6DF

Split Complementary

#DFE7A6

#A6BEE7

#CEA6E7

Tetradic

#DFE7A6

#A6E7CE

#AEA6E7

#E7A6BE

Color Blindness Simulation

Original

#DFE7A6

Protanopia

#E2E3B6

Deuteranopia

#E2E1BA

Tritanopia

#DFC2C5

Achromatopsia

#E1E1E1

CSS Usage

background-color: #DFE7A6;
color: #DFE7A6;
border-color: #DFE7A6;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFBF4
100
#F4F6E4
200
#EBF0C7
300
#DCE59F
400
#CAD76A
500
#B7C936
600
#92A12B
700
#758123
800
#5B641B
900
#434A17
950
#2B2E0F

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.12:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026