#67713D

#67713D

Color Values

HEX

#67713D

RGB

103, 113, 61

HSL

71.5, 29.9%, 34.1%

HSV

71.5, 46.0%, 44.3%

CMYK

8.8%, 0.0%, 46.0%, 55.7%

OKLCH

0.5273 0.0752 118.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#67713D

#473D71

Analogous

#71613D

#4D713D

#67713D

Triadic

#67713D

#3D6771

#713D67

Split Complementary

#67713D

#3D4D71

#613D71

Tetradic

#67713D

#3D7161

#473D71

#713D4D

Color Blindness Simulation

Original

#67713D

Protanopia

#6B6B4A

Deuteranopia

#6B6A4D

Tritanopia

#685456

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F0F2E9
200
#E2E6D1
300
#CDD4B0
400
#B2BD84
500
#97A659
600
#798448
700
#616A39
800
#4C532D
900
#383D23
950
#242716

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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