#D8D396

#D8D396

Color Values

HEX

#D8D396

RGB

216, 211, 150

HSL

55.5, 45.8%, 71.8%

HSV

55.5, 30.6%, 84.7%

CMYK

0.0%, 2.3%, 30.6%, 15.3%

OKLCH

0.8564 0.0795 104.0

Properties

Warm Light Nearest: RAL 1015 Light Ivory

Color Harmonies

Complementary

#D8D396

#969BD8

Analogous

#D8B296

#BCD896

#D8D396

Triadic

#D8D396

#96D8D3

#D396D8

Split Complementary

#D8D396

#96BCD8

#B296D8

Tetradic

#D8D396

#96D8B2

#969BD8

#D896BC

Color Blindness Simulation

Original

#D8D396

Protanopia

#D6D6A5

Deuteranopia

#D6D6A8

Tritanopia

#D8B0B3

Achromatopsia

#D0D0D0

CSS Usage

background-color: #D8D396;
color: #D8D396;
border-color: #D8D396;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE9CB
300
#DEDAA6
400
#CCC575
500
#BAB145
600
#958E37
700
#77712C
800
#5D5923
900
#44411C
950
#2B2912

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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