#8FDC66

#8FDC66

Color Values

HEX

#8FDC66

RGB

143, 220, 102

HSL

99.2, 62.8%, 63.1%

HSV

99.2, 53.6%, 86.3%

CMYK

35.0%, 0.0%, 53.6%, 13.7%

OKLCH

0.8187 0.1705 135.9

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#8FDC66

#B366DC

Analogous

#CADC66

#66DC78

#8FDC66

Triadic

#8FDC66

#668FDC

#DC668F

Split Complementary

#8FDC66

#7866DC

#DC66CA

Tetradic

#8FDC66

#66CADC

#B366DC

#DC7866

Color Blindness Simulation

Original

#8FDC66

Protanopia

#B0B183

Deuteranopia

#ACA689

Tritanopia

#93999E

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F6FBF3
100
#EAF7E4
200
#D4F2C5
300
#B6E89B
400
#8EDC65
500
#67D02F
600
#52A626
700
#42851E
800
#336818
900
#284C15
950
#19300D

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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