#DCC193

#DCC193

Color Values

HEX

#DCC193

RGB

220, 193, 147

HSL

37.8, 51.0%, 72.0%

HSV

37.8, 33.2%, 86.3%

CMYK

0.0%, 12.3%, 33.2%, 13.7%

OKLCH

0.8228 0.068 80.8

Properties

Warm Light Nearest: Gold

Color Harmonies

Complementary

#DCC193

#93AEDC

Analogous

#DC9D93

#D3DC93

#DCC193

Triadic

#DCC193

#93DCC1

#C193DC

Split Complementary

#DCC193

#93D3DC

#9D93DC

Tetradic

#DCC193

#93DC9D

#93AEDC

#DC93D3

Color Blindness Simulation

Original

#DCC193

Protanopia

#D0D09E

Deuteranopia

#D2D4A1

Tritanopia

#DBA7A9

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEE0C9
300
#E1CAA3
400
#D1AD71
500
#C1903E
600
#9A7432
700
#7B5C28
800
#60481F
900
#47361A
950
#2D2211

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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