#686913

#686913

Color Values

HEX

#686913

RGB

104, 105, 19

HSL

60.7, 69.4%, 24.3%

HSV

60.7, 81.9%, 41.2%

CMYK

1.0%, 0.0%, 81.9%, 58.8%

OKLCH

0.504 0.1026 110.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#686913

#141369

Analogous

#693F13

#3D6913

#686913

Triadic

#686913

#136869

#691368

Split Complementary

#686913

#133D69

#3F1369

Tetradic

#686913

#13693F

#141369

#69133D

Color Blindness Simulation

Original

#686913

Protanopia

#686828

Deuteranopia

#68682D

Tritanopia

#68383C

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F8E3
200
#F3F4C3
300
#EBEC97
400
#E1E25F
500
#D6D827
600
#ABAD1F
700
#898A19
800
#6B6C14
900
#4E4F12
950
#31320B

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026