#DFAB84

#DFAB84

Color Values

HEX

#DFAB84

RGB

223, 171, 132

HSL

25.7, 58.7%, 69.6%

HSV

25.7, 40.8%, 87.5%

CMYK

0.0%, 23.3%, 40.8%, 12.5%

OKLCH

0.7799 0.0806 58.1

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#DFAB84

#84B8DF

Analogous

#DF848A

#DFD884

#DFAB84

Triadic

#DFAB84

#84DFAB

#AB84DF

Split Complementary

#DFAB84

#84DFD8

#848ADF

Tetradic

#DFAB84

#8ADF84

#84B8DF

#D884DF

Color Blindness Simulation

Original

#DFAB84

Protanopia

#C8C88D

Deuteranopia

#CCCF90

Tritanopia

#DC9597

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE4
200
#F0D8C6
300
#E6BD9E
400
#D89969
500
#CA7535
600
#A25D2A
700
#814B22
800
#653A1A
900
#4A2D17
950
#2F1C0E

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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