#DFAB85

#DFAB85

Color Values

HEX

#DFAB85

RGB

223, 171, 133

HSL

25.3, 58.4%, 69.8%

HSV

25.3, 40.4%, 87.5%

CMYK

0.0%, 23.3%, 40.4%, 12.5%

OKLCH

0.7801 0.0798 57.4

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#DFAB85

#85B9DF

Analogous

#DF858C

#DFD885

#DFAB85

Triadic

#DFAB85

#85DFAB

#AB85DF

Split Complementary

#DFAB85

#85DFD8

#858CDF

Tetradic

#DFAB85

#8CDF85

#85B9DF

#D885DF

Color Blindness Simulation

Original

#DFAB85

Protanopia

#C8C88E

Deuteranopia

#CCCF90

Tritanopia

#DC9597

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE4
200
#F0D8C6
300
#E6BC9E
400
#D8986A
500
#CA7435
600
#A25D2A
700
#814A22
800
#653A1B
900
#4A2C17
950
#2F1C0F

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

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026