#D1DF7B

#D1DF7B

Color Values

HEX

#D1DF7B

RGB

209, 223, 123

HSL

68.4, 61.0%, 67.8%

HSV

68.4, 44.8%, 87.5%

CMYK

6.3%, 0.0%, 44.8%, 12.5%

OKLCH

0.8716 0.1258 115.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#D1DF7B

#897BDF

Analogous

#DFBB7B

#9FDF7B

#D1DF7B

Triadic

#D1DF7B

#7BD1DF

#DF7BD1

Split Complementary

#D1DF7B

#7B9FDF

#BB7BDF

Tetradic

#D1DF7B

#7BDFBB

#897BDF

#DF7B9F

Color Blindness Simulation

Original

#D1DF7B

Protanopia

#D7D793

Deuteranopia

#D6D599

Tritanopia

#D2A6AA

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F4F6E4
200
#EBF1C6
300
#DDE79C
400
#CADA67
500
#B7CD32
600
#93A428
700
#758320
800
#5C6719
900
#444B16
950
#2B2F0E

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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