#D0D684

#D0D684

Color Values

HEX

#D0D684

RGB

208, 214, 132

HSL

64.4, 50.0%, 67.8%

HSV

64.4, 38.3%, 83.9%

CMYK

2.8%, 0.0%, 38.3%, 16.1%

OKLCH

0.853 0.1049 112.0

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#D0D684

#8A84D6

Analogous

#D6B384

#A7D684

#D0D684

Triadic

#D0D684

#84D0D6

#D684D0

Split Complementary

#D0D684

#84A7D6

#B384D6

Tetradic

#D0D684

#84D6B3

#8A84D6

#D684A7

Color Blindness Simulation

Original

#D0D684

Protanopia

#D3D398

Deuteranopia

#D2D29D

Tritanopia

#D0A8AB

Achromatopsia

#CFCFCF

CSS Usage

background-color: #D0D684;
color: #D0D684;
border-color: #D0D684;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#EBEDC9
300
#DCE0A3
400
#C9D071
500
#B6BF40
600
#929933
700
#747A29
800
#5B6020
900
#43461B
950
#2A2C11

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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