#D5D466

#D5D466

Color Values

HEX

#D5D466

RGB

213, 212, 102

HSL

59.5, 56.9%, 61.8%

HSV

59.5, 52.1%, 83.5%

CMYK

0.0%, 0.5%, 52.1%, 16.5%

OKLCH

0.8486 0.1329 108.5

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#D5D466

#6667D5

Analogous

#D59D66

#9FD566

#D5D466

Triadic

#D5D466

#66D5D4

#D466D5

Split Complementary

#D5D466

#669FD5

#9D66D5

Tetradic

#D5D466

#66D59D

#6667D5

#D5669F

Color Blindness Simulation

Original

#D5D466

Protanopia

#D5D581

Deuteranopia

#D5D587

Tritanopia

#D5969A

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E5
200
#F0EFC7
300
#E5E49F
400
#D6D56B
500
#C8C737
600
#A09F2C
700
#807F23
800
#64631B
900
#494918
950
#2E2E0F

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026