#DFE2B3

#DFE2B3

Color Values

HEX

#DFE2B3

RGB

223, 226, 179

HSL

63.8, 44.8%, 79.4%

HSV

63.8, 20.8%, 88.6%

CMYK

1.3%, 0.0%, 20.8%, 11.4%

OKLCH

0.8987 0.0618 110.6

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DFE2B3

#B6B3E2

Analogous

#E2CDB3

#C7E2B3

#DFE2B3

Triadic

#DFE2B3

#B3DFE2

#E2B3DF

Split Complementary

#DFE2B3

#B3C7E2

#CDB3E2

Tetradic

#DFE2B3

#B3E2CD

#B6B3E2

#E2B3C7

Color Blindness Simulation

Original

#DFE2B3

Protanopia

#E0E0BE

Deuteranopia

#E0E0C1

Tritanopia

#DFC7C9

Achromatopsia

#DEDEDE

CSS Usage

background-color: #DFE2B3;
color: #DFE2B3;
border-color: #DFE2B3;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9EBCB
300
#DADDA6
400
#C6CB76
500
#B1B946
600
#8E9438
700
#72762D
800
#595C23
900
#42441D
950
#292B12

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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