#646223

#646223

Color Values

HEX

#646223

RGB

100, 98, 35

HSL

58.2, 48.1%, 26.5%

HSV

58.2, 65.0%, 39.2%

CMYK

0.0%, 2.0%, 65.0%, 60.8%

OKLCH

0.4844 0.084 107.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#646223

#232564

Analogous

#644223

#466423

#646223

Triadic

#646223

#236462

#622364

Split Complementary

#646223

#234664

#422364

Tetradic

#646223

#236442

#232564

#642346

Color Blindness Simulation

Original

#646223

Protanopia

#636332

Deuteranopia

#636336

Tritanopia

#643E41

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECEBCA
300
#DFDDA4
400
#CECB73
500
#BDB942
600
#979435
700
#79762A
800
#5E5D21
900
#45441B
950
#2C2B11

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

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