#D2C385

#D2C385

Color Values

HEX

#D2C385

RGB

210, 195, 133

HSL

48.3, 46.1%, 67.3%

HSV

48.3, 36.7%, 82.4%

CMYK

0.0%, 7.1%, 36.7%, 17.6%

OKLCH

0.8152 0.0823 96.2

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#D2C385

#8594D2

Analogous

#D29D85

#BBD285

#D2C385

Triadic

#D2C385

#85D2C3

#C385D2

Split Complementary

#D2C385

#85BBD2

#9D85D2

Tetradic

#D2C385

#85D29D

#8594D2

#D285BB

Color Blindness Simulation

Original

#D2C385

Protanopia

#CCCB94

Deuteranopia

#CCCE98

Tritanopia

#D1A0A2

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#ECE5CB
300
#DED3A6
400
#CCBB75
500
#BAA345
600
#958337
700
#77692C
800
#5D5222
900
#453D1C
950
#2B2612

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026