#68FF1F

#68FF1F

Color Values

HEX

#68FF1F

RGB

104, 255, 31

HSL

100.4, 100.0%, 56.1%

HSV

100.4, 87.8%, 100.0%

CMYK

59.2%, 0.0%, 87.8%, 0.0%

OKLCH

0.8827 0.2696 138.8

Properties

Cool Light Nearest: lawngreen

Color Harmonies

Complementary

#68FF1F

#B61FFF

Analogous

#D8FF1F

#1FFF46

#68FF1F

Triadic

#68FF1F

#1F68FF

#FF1F68

Split Complementary

#68FF1F

#461FFF

#FF1FD8

Tetradic

#68FF1F

#1FD8FF

#B61FFF

#FF461F

Color Blindness Simulation

Original

#68FF1F

Protanopia

#A9AB55

Deuteranopia

#A19562

Tritanopia

#708089

Achromatopsia

#CFCFCF

CSS Usage

background-color: #68FF1F;
color: #68FF1F;
border-color: #68FF1F;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F5FEF1
100
#E8FCDE
200
#CFFFB8
300
#ADFF85
400
#80FF42
500
#53FF00
600
#43CC00
700
#35A300
800
#2A8000
900
#215C05
950
#153A03

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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