#686915

#686915

Color Values

HEX

#686915

RGB

104, 105, 21

HSL

60.7, 66.7%, 24.7%

HSV

60.7, 80.0%, 41.2%

CMYK

1.0%, 0.0%, 80.0%, 58.8%

OKLCH

0.5041 0.1015 110.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#686915

#161569

Analogous

#694015

#3E6915

#686915

Triadic

#686915

#156869

#691568

Split Complementary

#686915

#153E69

#401569

Tetradic

#686915

#156940

#161569

#69153E

Color Blindness Simulation

Original

#686915

Protanopia

#686829

Deuteranopia

#68682E

Tritanopia

#68393D

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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