#646942

#646942

Color Values

HEX

#646942

RGB

100, 105, 66

HSL

67.7, 22.8%, 33.5%

HSV

67.7, 37.1%, 41.2%

CMYK

4.8%, 0.0%, 37.1%, 58.8%

OKLCH

0.5061 0.0578 114.4

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#646942

#474269

Analogous

#695A42

#506942

#646942

Triadic

#646942

#426469

#694264

Split Complementary

#646942

#425069

#5A4269

Tetradic

#646942

#42695A

#474269

#694250

Color Blindness Simulation

Original

#646942

Protanopia

#66664B

Deuteranopia

#66664E

Tritanopia

#645355

Achromatopsia

#656565

CSS Usage

background-color: #646942;
color: #646942;
border-color: #646942;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F6
100
#F0F1EA
200
#E1E3D3
300
#CCD0B4
400
#B1B68B
500
#959D62
600
#777D4F
700
#5F643F
800
#4B4E31
900
#383A27
950
#232518

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

3.64:1

AA Fail AAA Fail

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