#DFCCAF

#DFCCAF

Color Values

HEX

#DFCCAF

RGB

223, 204, 175

HSL

36,3, 42,9%, 78,0%

HSV

36,3, 21,5%, 87,5%

CMYK

0,0%, 8,5%, 21,5%, 12,5%

OKLCH

0,8534 0,0443 78,4

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#DFCCAF

#AFC2DF

Analogous

#DFB4AF

#DADFAF

#DFCCAF

Triadic

#DFCCAF

#AFDFCC

#CCAFDF

Split Complementary

#DFCCAF

#AFDADF

#B4AFDF

Tetradic

#DFCCAF

#AFDFB4

#AFC2DF

#DFAFDA

Color Blindness Simulation

Original

#DFCCAF

Protanopia

#D7D7B6

Deuteranopia

#D8D9B8

Tritanopia

#DEBCBD

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EFE7
200
#EBDFCC
300
#DCC7A8
400
#C9A978
500
#B68B49
600
#926F3A
700
#75592F
800
#5B4524
900
#43341E
950
#2A2113

Contrast Checker

Text on white

1,57:1

AA Fail AAA Fail

Text on black

13,39:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026