#646F07

#646F07

Color Values

HEX

#646F07

RGB

100, 111, 7

HSL

66.3, 88.1%, 23.1%

HSV

66.3, 93.7%, 43.5%

CMYK

9.9%, 0.0%, 93.7%, 56.5%

OKLCH

0.5147 0.1156 116.5

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#646F07

#12076F

Analogous

#6F4607

#306F07

#646F07

Triadic

#646F07

#07646F

#6F0764

Split Complementary

#646F07

#07306F

#46076F

Tetradic

#646F07

#076F46

#12076F

#6F0730

Color Blindness Simulation

Original

#646F07

Protanopia

#696920

Deuteranopia

#686726

Tritanopia

#653438

Achromatopsia

#656565

CSS Usage

background-color: #646F07;
color: #646F07;
border-color: #646F07;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFDF2
100
#F8FBE0
200
#F4FBBC
300
#ECF88C
400
#E2F44E
500
#D8F00F
600
#ADC00C
700
#8A990A
800
#6C7808
900
#4F570A
950
#323706

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

3.82:1

AA Fail AAA Fail

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