#686426

#686426

Color Values

HEX

#686426

RGB

104, 100, 38

HSL

56.4, 46.5%, 27.8%

HSV

56.4, 63.5%, 40.8%

CMYK

0.0%, 3.8%, 63.5%, 59.2%

OKLCH

0.4935 0.083 105.6

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#686426

#262A68

Analogous

#684326

#4B6826

#686426

Triadic

#686426

#266864

#642668

Split Complementary

#686426

#264B68

#432668

Tetradic

#686426

#266843

#262A68

#68264B

Color Blindness Simulation

Original

#686426

Protanopia

#666635

Deuteranopia

#666739

Tritanopia

#684143

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECEACB
300
#DEDBA5
400
#CDC775
500
#BBB444
600
#959037
700
#78732C
800
#5D5A22
900
#45421C
950
#2B2A12

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

3.44:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026