#D8D556

#D8D556

Color Values

HEX

#D8D556

RGB

216, 213, 86

HSL

58.6, 62.5%, 59.2%

HSV

58.6, 60.2%, 84.7%

CMYK

0.0%, 1.4%, 60.2%, 15.3%

OKLCH

0.8515 0.1474 107.9

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#D8D556

#5659D8

Analogous

#D89456

#9AD856

#D8D556

Triadic

#D8D556

#56D8D5

#D556D8

Split Complementary

#D8D556

#569AD8

#9456D8

Tetradic

#D8D556

#56D894

#5659D8

#D8569A

Color Blindness Simulation

Original

#D8D556

Protanopia

#D7D775

Deuteranopia

#D7D77C

Tritanopia

#D88D92

Achromatopsia

#CCCCCC

CSS Usage

background-color: #D8D556;
color: #D8D556;
border-color: #D8D556;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F2F1C5
300
#E8E69C
400
#DCD966
500
#CFCB30
600
#A6A326
700
#85821F
800
#686618
900
#4C4A15
950
#302F0D

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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