#D8D962

#D8D962

Color Values

HEX

#D8D962

RGB

216, 217, 98

HSL

60.5, 61.0%, 61.8%

HSV

60.5, 54.8%, 85.1%

CMYK

0.5%, 0.0%, 54.8%, 14.9%

OKLCH

0.8612 0.1415 109.5

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#D8D962

#6362D9

Analogous

#D99F62

#9DD962

#D8D962

Triadic

#D8D962

#62D8D9

#D962D8

Split Complementary

#D8D962

#629DD9

#9F62D9

Tetradic

#D8D962

#62D99F

#6362D9

#D9629D

Color Blindness Simulation

Original

#D8D962

Protanopia

#D8D87F

Deuteranopia

#D8D886

Tritanopia

#D8969B

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F1C6
300
#E7E79C
400
#D9DA67
500
#CCCD32
600
#A3A428
700
#838320
800
#666719
900
#4B4B16
950
#2F2F0E

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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