#DBC167

#DBC167

Color Values

HEX

#DBC167

RGB

219, 193, 103

HSL

46.6, 61.7%, 63.1%

HSV

46.6, 53.0%, 85.9%

CMYK

0.0%, 11.9%, 53.0%, 14.1%

OKLCH

0.8146 0.1141 93.6

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#DBC167

#6781DB

Analogous

#DB8767

#BBDB67

#DBC167

Triadic

#DBC167

#67DBC1

#C167DB

Split Complementary

#DBC167

#67BBDB

#8767DB

Tetradic

#DBC167

#67DB87

#6781DB

#DB67BB

Color Blindness Simulation

Original

#DBC167

Protanopia

#D0D07D

Deuteranopia

#D1D382

Tritanopia

#DA8E92

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F2E4
200
#F1E7C5
300
#E8D79C
400
#DBC166
500
#CEAB31
600
#A58927
700
#846D1F
800
#675618
900
#4B3F16
950
#30280E

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

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