#64B406

#64B406

Color Values

HEX

#64B406

RGB

100, 180, 6

HSL

87.6, 93.5%, 36.5%

HSV

87.6, 96.7%, 70.6%

CMYK

44.4%, 0.0%, 96.7%, 29.4%

OKLCH

0.6911 0.1968 134.0

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#64B406

#5606B4

Analogous

#B4AD06

#0DB406

#64B406

Triadic

#64B406

#0664B4

#B40664

Split Complementary

#64B406

#060DB4

#AD06B4

Tetradic

#64B406

#06B4AD

#5606B4

#B4060D

Color Blindness Simulation

Original

#64B406

Protanopia

#878730

Deuteranopia

#827C3A

Tritanopia

#685159

Achromatopsia

#969696

CSS Usage

background-color: #64B406;
color: #64B406;
border-color: #64B406;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DEFDBA
300
#C6FB89
400
#A8F948
500
#89F708
600
#6EC507
700
#589E05
800
#457B04
900
#345908
950
#213805

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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