#DBC56C

#DBC56C

Color Values

HEX

#DBC56C

RGB

219, 197, 108

HSL

48.1, 60.7%, 64.1%

HSV

48.1, 50.7%, 85.9%

CMYK

0.0%, 10.0%, 50.7%, 14.1%

OKLCH

0.8234 0.1125 95.8

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#DBC56C

#6C82DB

Analogous

#DB8D6C

#B9DB6C

#DBC56C

Triadic

#DBC56C

#6CDBC5

#C56CDB

Split Complementary

#DBC56C

#6CB9DB

#8D6CDB

Tetradic

#DBC56C

#6CDB8D

#6C82DB

#DB6CB9

Color Blindness Simulation

Original

#DBC56C

Protanopia

#D1D182

Deuteranopia

#D3D487

Tritanopia

#DA9396

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F6F3E4
200
#F1E8C6
300
#E7D89D
400
#DAC367
500
#CDAE32
600
#A48B28
700
#836F20
800
#665719
900
#4B4016
950
#2F290E

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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