#646F0B

#646F0B

Color Values

HEX

#646F0B

RGB

100, 111, 11

HSL

66.6, 82.0%, 23.9%

HSV

66.6, 90.1%, 43.5%

CMYK

9.9%, 0.0%, 90.1%, 56.5%

OKLCH

0.5149 0.1142 116.5

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#646F0B

#160B6F

Analogous

#6F480B

#326F0B

#646F0B

Triadic

#646F0B

#0B646F

#6F0B64

Split Complementary

#646F0B

#0B326F

#480B6F

Tetradic

#646F0B

#0B6F48

#160B6F

#6F0B32

Color Blindness Simulation

Original

#646F0B

Protanopia

#696923

Deuteranopia

#686729

Tritanopia

#65363A

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F7FAE1
200
#F2F9BE
300
#E9F490
400
#DDEE53
500
#D1E817
600
#A7BA12
700
#86950F
800
#69740B
900
#4C540D
950
#303508

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