#646514

#646514

Color Values

HEX

#646514

RGB

100, 101, 20

HSL

60.7, 66.9%, 23.7%

HSV

60.7, 80.2%, 39.6%

CMYK

1.0%, 0.0%, 80.2%, 60.4%

OKLCH

0.4905 0.0987 110.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#646514

#151465

Analogous

#653D14

#3B6514

#646514

Triadic

#646514

#146465

#651464

Split Complementary

#646514

#143B65

#3D1465

Tetradic

#646514

#14653D

#151465

#65143B

Color Blindness Simulation

Original

#646514

Protanopia

#646428

Deuteranopia

#64642C

Tritanopia

#64373A

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F3F3C3
300
#EAEB99
400
#DEE062
500
#D3D52A
600
#A9AA22
700
#87881B
800
#696A15
900
#4D4E13
950
#31310C

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

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