#68BA0E

#68BA0E

Color Values

HEX

#68BA0E

RGB

104, 186, 14

HSL

88.6, 86.0%, 39.2%

HSV

88.6, 92.5%, 72.9%

CMYK

44.1%, 0.0%, 92.5%, 27.1%

OKLCH

0.7085 0.2001 134.0

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#68BA0E

#600EBA

Analogous

#BAB60E

#12BA0E

#68BA0E

Triadic

#68BA0E

#0E68BA

#BA0E68

Split Complementary

#68BA0E

#0E12BA

#B60EBA

Tetradic

#68BA0E

#0EBAB6

#600EBA

#BA0E12

Color Blindness Simulation

Original

#68BA0E

Protanopia

#8C8C38

Deuteranopia

#878142

Tritanopia

#6C5960

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DDFABD
300
#C4F68D
400
#A4F250
500
#85ED12
600
#6ABE0E
700
#55980B
800
#427709
900
#32560B
950
#203607

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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