#68C309

#68C309

Color Values

HEX

#68C309

RGB

104, 195, 9

HSL

89.4, 91.2%, 40.0%

HSV

89.4, 95.4%, 76.5%

CMYK

46.7%, 0.0%, 95.4%, 23.5%

OKLCH

0.7313 0.211 134.8

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#68C309

#6409C3

Analogous

#C3C109

#0BC309

#68C309

Triadic

#68C309

#0968C3

#C30968

Split Complementary

#68C309

#090BC3

#C109C3

Tetradic

#68C309

#09C3C1

#6409C3

#C3090B

Color Blindness Simulation

Original

#68C309

Protanopia

#8F9036

Deuteranopia

#8A8341

Tritanopia

#6D5A61

Achromatopsia

#A2A2A2

CSS Usage

background-color: #68C309;
color: #68C309;
border-color: #68C309;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DCFCBB
300
#C3FA8A
400
#A2F74B
500
#82F40B
600
#68C309
700
#539C07
800
#417A06
900
#315809
950
#1F3805

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026