#646206

#646206

Color Values

HEX

#646206

RGB

100, 98, 6

HSL

58.7, 88.7%, 20.8%

HSV

58.7, 94.0%, 39.2%

CMYK

0.0%, 2.0%, 94.0%, 60.8%

OKLCH

0.4824 0.1018 108.3

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#646206

#060864

Analogous

#643306

#376406

#646206

Triadic

#646206

#066462

#620664

Split Complementary

#646206

#063764

#330664

Tetradic

#646206

#066433

#060864

#640637

Color Blindness Simulation

Original

#646206

Protanopia

#63631C

Deuteranopia

#636322

Tritanopia

#642E32

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FBFAE0
200
#FBFABC
300
#F8F68C
400
#F4F14D
500
#F1EC0E
600
#C0BD0C
700
#9A9709
800
#787607
900
#57550A
950
#373606

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

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