#DFBF74

#DFBF74

Color Values

HEX

#DFBF74

RGB

223, 191, 116

HSL

42.1, 62.6%, 66.5%

HSV

42.1, 48.0%, 87.5%

CMYK

0.0%, 14.3%, 48.0%, 12.5%

OKLCH

0.8161 0.101 87.1

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#DFBF74

#7494DF

Analogous

#DF8A74

#C9DF74

#DFBF74

Triadic

#DFBF74

#74DFBF

#BF74DF

Split Complementary

#DFBF74

#74C9DF

#8A74DF

Tetradic

#DFBF74

#74DF8A

#7494DF

#DF74C9

Color Blindness Simulation

Original

#DFBF74

Protanopia

#D1D186

Deuteranopia

#D3D58A

Tritanopia

#DD9498

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F1E4
200
#F2E4C5
300
#E8D19B
400
#DCB866
500
#CFA030
600
#A68026
700
#85661F
800
#685018
900
#4C3B15
950
#30260D

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.84:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026