#DFBBA4

#DFBBA4

Color Values

HEX

#DFBBA4

RGB

223, 187, 164

HSL

23.4, 48.0%, 75.9%

HSV

23.4, 26.5%, 87.5%

CMYK

0.0%, 16.1%, 26.5%, 12.5%

OKLCH

0.8175 0.0521 54.4

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#DFBBA4

#A4C8DF

Analogous

#DFA4AB

#DFD9A4

#DFBBA4

Triadic

#DFBBA4

#A4DFBB

#BBA4DF

Split Complementary

#DFBBA4

#A4DFD9

#A4ABDF

Tetradic

#DFBBA4

#ABDFA4

#A4C8DF

#D9A4DF

Color Blindness Simulation

Original

#DFBBA4

Protanopia

#CFCFAA

Deuteranopia

#D2D4AB

Tritanopia

#DDAEAF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #DFBBA4;
color: #DFBBA4;
border-color: #DFBBA4;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD8CA
300
#DFBBA4
400
#CE9773
500
#BD7242
600
#975B35
700
#79492A
800
#5E3921
900
#452C1C
950
#2C1C11

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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