#DBC498

#DBC498

Color Values

HEX

#DBC498

RGB

219, 196, 152

HSL

39.4, 48.2%, 72.7%

HSV

39.4, 30.6%, 85.9%

CMYK

0.0%, 10.5%, 30.6%, 14.1%

OKLCH

0.8289 0.0637 83.5

Properties

Warm Light Nearest: Gold

Color Harmonies

Complementary

#DBC498

#98AFDB

Analogous

#DBA298

#D0DB98

#DBC498

Triadic

#DBC498

#98DBC4

#C498DB

Split Complementary

#DBC498

#98D0DB

#A298DB

Tetradic

#DBC498

#98DBA2

#98AFDB

#DB98D0

Color Blindness Simulation

Original

#DBC498

Protanopia

#D1D1A3

Deuteranopia

#D2D4A5

Tritanopia

#DAABAD

Achromatopsia

#C6C6C6

CSS Usage

background-color: #DBC498;
color: #DBC498;
border-color: #DBC498;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EDE1CA
300
#DFCBA4
400
#CEAF73
500
#BD9342
600
#977535
700
#795E2A
800
#5E4921
900
#45371B
950
#2C2311

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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