#D7C48C

#D7C48C

Color Values

HEX

#D7C48C

RGB

215, 196, 140

HSL

44.8, 48.4%, 69.6%

HSV

44.8, 34.9%, 84.3%

CMYK

0.0%, 8.8%, 34.9%, 15.7%

OKLCH

0.8229 0.0762 91.5

Properties

Warm Light Nearest: Maize

Color Harmonies

Complementary

#D7C48C

#8C9FD7

Analogous

#D79E8C

#C4D78C

#D7C48C

Triadic

#D7C48C

#8CD7C4

#C48CD7

Split Complementary

#D7C48C

#8CC4D7

#9E8CD7

Tetradic

#D7C48C

#8CD79E

#8C9FD7

#D78CC4

Color Blindness Simulation

Original

#D7C48C

Protanopia

#CFCF9A

Deuteranopia

#D0D19D

Tritanopia

#D6A4A7

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EDE4CA
300
#DFD0A4
400
#CEB773
500
#BD9E42
600
#977E35
700
#79652A
800
#5F4F21
900
#463B1B
950
#2C2511

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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