#686027

#686027

Color Values

HEX

#686027

RGB

104, 96, 39

HSL

52.6, 45.5%, 28.0%

HSV

52.6, 62.5%, 40.8%

CMYK

0.0%, 7.7%, 62.5%, 59.2%

OKLCH

0.484 0.0777 101.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#686027

#272F68

Analogous

#683F27

#4F6827

#686027

Triadic

#686027

#276860

#602768

Split Complementary

#686027

#274F68

#3F2768

Tetradic

#686027

#27683F

#272F68

#68274F

Color Blindness Simulation

Original

#686027

Protanopia

#656435

Deuteranopia

#656638

Tritanopia

#684042

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F2E6
200
#ECE8CB
300
#DED7A6
400
#CCC176
500
#BAAB45
600
#948938
700
#776E2C
800
#5D5623
900
#443F1D
950
#2B2812

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

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