#DFBB62

#DFBB62

Color Values

HEX

#DFBB62

RGB

223, 187, 98

HSL

42.7, 66.1%, 62.9%

HSV

42.7, 56.1%, 87.5%

CMYK

0.0%, 16.1%, 56.1%, 12.5%

OKLCH

0.8057 0.1158 87.7

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#DFBB62

#6286DF

Analogous

#DF7C62

#C4DF62

#DFBB62

Triadic

#DFBB62

#62DFBB

#BB62DF

Split Complementary

#DFBB62

#62C4DF

#7C62DF

Tetradic

#DFBB62

#62DF7C

#6286DF

#DF62C4

Color Blindness Simulation

Original

#DFBB62

Protanopia

#CFCF78

Deuteranopia

#D2D47D

Tritanopia

#DD898C

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F7F1E3
200
#F3E5C4
300
#EAD399
400
#DFBB62
500
#D4A32B
600
#A98323
700
#88681C
800
#6A5216
900
#4D3D14
950
#31260C

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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