#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026