#D2FF66

#D2FF66

Color Values

HEX

#D2FF66

RGB

210, 255, 102

HSL

77.6, 100.0%, 70.0%

HSV

77.6, 60.0%, 100.0%

CMYK

17.6%, 0.0%, 60.0%, 0.0%

OKLCH

0.9393 0.1847 123.8

Properties

Cool Light Nearest: darkolivegreen 1

Color Harmonies

Complementary

#D2FF66

#9366FF

Analogous

#FFDF66

#86FF66

#D2FF66

Triadic

#D2FF66

#66D2FF

#FF66D2

Split Complementary

#D2FF66

#6686FF

#DF66FF

Tetradic

#D2FF66

#66FFDF

#9366FF

#FF6686

Color Blindness Simulation

Original

#D2FF66

Protanopia

#E5E68B

Deuteranopia

#E3E094

Tritanopia

#D4A8AF

Achromatopsia

#EAEAEA

CSS Usage

background-color: #D2FF66;
color: #D2FF66;
border-color: #D2FF66;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FAFEF1
100
#F3FCDE
200
#EAFFB8
300
#DBFF85
400
#C8FF42
500
#B4FF00
600
#90CC00
700
#73A300
800
#5A8000
900
#425C05
950
#2A3A03

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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