#646330

#646330

Color Values

HEX

#646330

RGB

100, 99, 48

HSL

58.8, 35.1%, 29.0%

HSV

58.8, 52.0%, 39.2%

CMYK

0.0%, 1.0%, 52.0%, 60.8%

OKLCH

0.4885 0.0718 107.8

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#646330

#303164

Analogous

#644930

#4B6430

#646330

Triadic

#646330

#306463

#633064

Split Complementary

#646330

#304B64

#493064

Tetradic

#646330

#306449

#303164

#64304B

Color Blindness Simulation

Original

#646330

Protanopia

#64643C

Deuteranopia

#64643F

Tritanopia

#644648

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F2E8
200
#E8E7CF
300
#D7D6AC
400
#C2C080
500
#ACAA53
600
#8A8842
700
#6E6D35
800
#565529
900
#403F21
950
#282815

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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