#DEDFC4

#DEDFC4

Color Values

HEX

#DEDFC4

RGB

222, 223, 196

HSL

62.2, 29.7%, 82.2%

HSV

62.2, 12.1%, 87.5%

CMYK

0.4%, 0.0%, 12.1%, 12.5%

OKLCH

0.8957 0.036 108.8

Properties

Cool Light Nearest: RAL 1013 Oyster White

Color Harmonies

Complementary

#DEDFC4

#C5C4DF

Analogous

#DFD3C4

#D1DFC4

#DEDFC4

Triadic

#DEDFC4

#C4DEDF

#DFC4DE

Split Complementary

#DEDFC4

#C4D1DF

#D3C4DF

Tetradic

#DEDFC4

#C4DFD3

#C5C4DF

#DFC4D1

Color Blindness Simulation

Original

#DEDFC4

Protanopia

#DEDECB

Deuteranopia

#DEDECC

Tritanopia

#DED0D1

Achromatopsia

#DDDDDD

CSS Usage

background-color: #DEDFC4;
color: #DEDFC4;
border-color: #DEDFC4;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E5E6D1
300
#D3D4B0
400
#BBBD85
500
#A3A55A
600
#828448
700
#686A39
800
#51532D
900
#3C3D23
950
#262716

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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