#6CC20C

#6CC20C

Color Values

HEX

#6CC20C

RGB

108, 194, 12

HSL

88.4, 88.3%, 40.4%

HSV

88.4, 93.8%, 76.1%

CMYK

44.3%, 0.0%, 93.8%, 23.9%

OKLCH

0.7307 0.2074 134.1

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#6CC20C

#620CC2

Analogous

#C2BD0C

#11C20C

#6CC20C

Triadic

#6CC20C

#0C6CC2

#C20C6C

Split Complementary

#6CC20C

#0C11C2

#BD0CC2

Tetradic

#6CC20C

#0CC2BD

#620CC2

#C20C11

Color Blindness Simulation

Original

#6CC20C

Protanopia

#919238

Deuteranopia

#8C8643

Tritanopia

#705B62

Achromatopsia

#A3A3A3

CSS Usage

background-color: #6CC20C;
color: #6CC20C;
border-color: #6CC20C;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F8FDF2
100
#EEFBE0
200
#DDFBBC
300
#C5F88C
400
#A5F44D
500
#86F00F
600
#6BC00C
700
#559A0A
800
#437807
900
#33570A
950
#203706

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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