#DEDFA2

#DEDFA2

Color Values

HEX

#DEDFA2

RGB

222, 223, 162

HSL

61.0, 48.8%, 75.5%

HSV

61.0, 27.4%, 87.5%

CMYK

0.4%, 0.0%, 27.4%, 12.5%

OKLCH

0.8883 0.0792 108.7

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DEDFA2

#A3A2DF

Analogous

#DFC2A2

#C0DFA2

#DEDFA2

Triadic

#DEDFA2

#A2DEDF

#DFA2DE

Split Complementary

#DEDFA2

#A2C0DF

#C2A2DF

Tetradic

#DEDFA2

#A2DFC2

#A3A2DF

#DFA2C0

Color Blindness Simulation

Original

#DEDFA2

Protanopia

#DEDEB1

Deuteranopia

#DEDEB4

Tritanopia

#DEBCBF

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#ECEDCA
300
#DFE0A4
400
#CDCF73
500
#BCBE41
600
#969834
700
#78792A
800
#5E5F21
900
#45461B
950
#2C2C11

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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