#67743F

#67743F

Color Values

HEX

#67743F

RGB

103, 116, 63

HSL

74.7, 29.6%, 35.1%

HSV

74.7, 45.7%, 45.5%

CMYK

11.2%, 0.0%, 45.7%, 54.5%

OKLCH

0.5349 0.0774 120.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#67743F

#4C3F74

Analogous

#74663F

#4D743F

#67743F

Triadic

#67743F

#3F6774

#743F67

Split Complementary

#67743F

#3F4D74

#663F74

Tetradic

#67743F

#3F7466

#4C3F74

#743F4D

Color Blindness Simulation

Original

#67743F

Protanopia

#6D6D4C

Deuteranopia

#6C6B4F

Tritanopia

#685658

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EFF2E9
200
#E1E6D1
300
#CBD4B0
400
#AFBD85
500
#93A55A
600
#758448
700
#5E6A39
800
#49532D
900
#373D24
950
#232716

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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