#DFB06F

#DFB06F

Color Values

HEX

#DFB06F

RGB

223, 176, 111

HSL

34.8, 63.6%, 65.5%

HSV

34.8, 50.2%, 87.5%

CMYK

0.0%, 21.1%, 50.2%, 12.5%

OKLCH

0.7858 0.0991 74.5

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#DFB06F

#6F9EDF

Analogous

#DF786F

#D6DF6F

#DFB06F

Triadic

#DFB06F

#6FDFB0

#B06FDF

Split Complementary

#DFB06F

#6FD6DF

#786FDF

Tetradic

#DFB06F

#6FDF78

#6F9EDF

#DF6FD6

Color Blindness Simulation

Original

#DFB06F

Protanopia

#CBCA7F

Deuteranopia

#CDD182

Tritanopia

#DD8B8E

Achromatopsia

#B5B5B5

CSS Usage

background-color: #DFB06F;
color: #DFB06F;
border-color: #DFB06F;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2DFC5
300
#E9C89B
400
#DDAA65
500
#D18C2E
600
#A77025
700
#855A1E
800
#684617
900
#4C3515
950
#30210D

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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