#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026