#DFDDB4

#DFDDB4

Color Values

HEX

#DFDDB4

RGB

223, 221, 180

HSL

57.2, 40.2%, 79.0%

HSV

57.2, 19.3%, 87.5%

CMYK

0.0%, 0.9%, 19.3%, 12.5%

OKLCH

0.8887 0.0541 105.1

Properties

Warm Light Nearest: Spring Green

Color Harmonies

Complementary

#DFDDB4

#B4B6DF

Analogous

#DFC7B4

#CBDFB4

#DFDDB4

Triadic

#DFDDB4

#B4DFDD

#DDB4DF

Split Complementary

#DFDDB4

#B4CBDF

#C7B4DF

Tetradic

#DFDDB4

#B4DFC7

#B4B6DF

#DFB4CB

Color Blindness Simulation

Original

#DFDDB4

Protanopia

#DEDEBE

Deuteranopia

#DEDEC0

Tritanopia

#DFC6C7

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#EAE8CD
300
#DAD8A9
400
#C7C37B
500
#B3AE4C
600
#8F8B3D
700
#726F31
800
#595726
900
#42401F
950
#2A2914

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026