#6CC61F

#6CC61F

Color Values

HEX

#6CC61F

RGB

108, 198, 31

HSL

92.3, 72.9%, 44.9%

HSV

92.3, 84.3%, 77.6%

CMYK

45.5%, 0.0%, 84.3%, 22.4%

OKLCH

0.7414 0.2069 135.0

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#6CC61F

#791FC6

Analogous

#C0C61F

#1FC625

#6CC61F

Triadic

#6CC61F

#1F6CC6

#C61F6C

Split Complementary

#6CC61F

#251FC6

#C61FC0

Tetradic

#6CC61F

#1FC0C6

#791FC6

#C6251F

Color Blindness Simulation

Original

#6CC61F

Protanopia

#939447

Deuteranopia

#8E8751

Tritanopia

#70676E

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D9F5C1
300
#BEEE95
400
#9BE55C
500
#78DC23
600
#60B01C
700
#4D8D16
800
#3C6E11
900
#2E5011
950
#1D330B

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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