#1FF609

#1FF609

Color Values

HEX

#1FF609

RGB

31, 246, 9

HSL

114.4, 92.9%, 50.0%

HSV

114.4, 96.3%, 96.5%

CMYK

87.4%, 0.0%, 96.3%, 3.5%

OKLCH

0.845 0.2836 142.2

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#1FF609

#E009F6

Analogous

#96F609

#09F669

#1FF609

Triadic

#1FF609

#091FF6

#F6091F

Split Complementary

#1FF609

#6909F6

#F60996

Tetradic

#1FF609

#0996F6

#E009F6

#F66909

Color Blindness Simulation

Original

#1FF609

Protanopia

#7C7E42

Deuteranopia

#706050

Tritanopia

#2A707A

Achromatopsia

#B7B7B7

CSS Usage

background-color: #1FF609;
color: #1FF609;
border-color: #1FF609;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E2FBDF
200
#C0FCBA
300
#94FB89
400
#59F849
500
#1FF609
600
#19C507
700
#149D06
800
#107B05
900
#105908
950
#0A3805

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.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