#67813C

#67813C

Color Values

HEX

#67813C

RGB

103, 129, 60

HSL

82.6, 36.5%, 37.1%

HSV

82.6, 53.5%, 50.6%

CMYK

20.2%, 0.0%, 53.5%, 49.4%

OKLCH

0.5666 0.1004 126.5

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#67813C

#563C81

Analogous

#81793C

#45813C

#67813C

Triadic

#67813C

#3C6781

#813C67

Split Complementary

#67813C

#3C4581

#793C81

Tetradic

#67813C

#3C8179

#563C81

#813C45

Color Blindness Simulation

Original

#67813C

Protanopia

#72724D

Deuteranopia

#716F51

Tritanopia

#685A5D

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E8
200
#DFE8CE
300
#C7D8AB
400
#A9C37E
500
#8BAE51
600
#6F8B41
700
#596F34
800
#455728
900
#344021
950
#212915

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass 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