#64B206

#64B206

Color Values

HEX

#64B206

RGB

100, 178, 6

HSL

87.2, 93.5%, 36.1%

HSV

87.2, 96.6%, 69.8%

CMYK

43.8%, 0.0%, 96.6%, 30.2%

OKLCH

0.686 0.1946 133.8

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#64B206

#5406B2

Analogous

#B2AA06

#0EB206

#64B206

Triadic

#64B206

#0664B2

#B20664

Split Complementary

#64B206

#060EB2

#AA06B2

Tetradic

#64B206

#06B2AA

#5406B2

#B2060E

Color Blindness Simulation

Original

#64B206

Protanopia

#868630

Deuteranopia

#817B3A

Tritanopia

#685158

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DEFDBA
300
#C7FB89
400
#A9F948
500
#8BF708
600
#6FC507
700
#599E05
800
#457B04
900
#345908
950
#213805

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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