#D4AD95

#D4AD95

Color Values

HEX

#D4AD95

RGB

212, 173, 149

HSL

22.9, 42.3%, 70.8%

HSV

22.9, 29.7%, 83.1%

CMYK

0.0%, 18.4%, 29.7%, 16.9%

OKLCH

0.7763 0.0565 53.3

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#D4AD95

#95BCD4

Analogous

#D4959C

#D4CD95

#D4AD95

Triadic

#D4AD95

#95D4AD

#AD95D4

Split Complementary

#D4AD95

#95D4CD

#959CD4

Tetradic

#D4AD95

#9CD495

#95BCD4

#CD95D4

Color Blindness Simulation

Original

#D4AD95

Protanopia

#C3C39B

Deuteranopia

#C5C89C

Tritanopia

#D29FA0

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4ECE7
200
#EAD8CC
300
#DCBCA8
400
#C99779
500
#B5734A
600
#915C3B
700
#74492F
800
#5B3925
900
#432C1E
950
#2A1C13

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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