#DFE3C6

#DFE3C6

Color Values

HEX

#DFE3C6

RGB

223, 227, 198

HSL

68.3, 34.1%, 83.3%

HSV

68.3, 12.8%, 89.0%

CMYK

1.8%, 0.0%, 12.8%, 11.0%

OKLCH

0.9051 0.0388 113.6

Properties

Cool Light Nearest: RAL 1013 Oyster White

Color Harmonies

Complementary

#DFE3C6

#CAC6E3

Analogous

#E3D8C6

#D0E3C6

#DFE3C6

Triadic

#DFE3C6

#C6DFE3

#E3C6DF

Split Complementary

#DFE3C6

#C6D0E3

#D8C6E3

Tetradic

#DFE3C6

#C6E3D8

#CAC6E3

#E3C6D0

Color Blindness Simulation

Original

#DFE3C6

Protanopia

#E1E1CD

Deuteranopia

#E0E0CF

Tritanopia

#DFD3D4

Achromatopsia

#E0E0E0

CSS Usage

background-color: #DFE3C6;
color: #DFE3C6;
border-color: #DFE3C6;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F9FAF5
100
#F1F2E8
200
#E4E7CF
300
#D1D7AD
400
#B8C180
500
#9FAB54
600
#7F8943
700
#666D36
800
#4F552A
900
#3B3F22
950
#252815

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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