#DFBF62

#DFBF62

Color Values

HEX

#DFBF62

RGB

223, 191, 98

HSL

44,6, 66,1%, 62,9%

HSV

44,6, 56,1%, 87,5%

CMYK

0,0%, 14,3%, 56,1%, 12,5%

OKLCH

0,8137 0,1183 90,6

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#DFBF62

#6282DF

Analogous

#DF8062

#C0DF62

#DFBF62

Triadic

#DFBF62

#62DFBF

#BF62DF

Split Complementary

#DFBF62

#62C0DF

#8062DF

Tetradic

#DFBF62

#62DF80

#6282DF

#DF62C0

Color Blindness Simulation

Original

#DFBF62

Protanopia

#D1D178

Deuteranopia

#D3D57E

Tritanopia

#DD8A8E

Achromatopsia

#BFBFBF

CSS Usage

background-color: #DFBF62;
color: #DFBF62;
border-color: #DFBF62;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCF9F3
100
#F7F2E3
200
#F3E7C4
300
#EAD599
400
#DFBF62
500
#D4A92B
600
#A98723
700
#886C1C
800
#6A5416
900
#4D3E14
950
#31270C

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,77:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026