#67835C

#67835C

Color Values

HEX

#67835C

RGB

103, 131, 92

HSL

103.1, 17.5%, 43.7%

HSV

103.1, 29.8%, 51.4%

CMYK

21.4%, 0.0%, 29.8%, 48.6%

OKLCH

0.5774 0.0663 137.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#67835C

#785C83

Analogous

#7A835C

#5C8364

#67835C

Triadic

#67835C

#5C6783

#835C67

Split Complementary

#67835C

#645C83

#835C7A

Tetradic

#67835C

#5C7A83

#785C83

#83645C

Color Blindness Simulation

Original

#67835C

Protanopia

#737365

Deuteranopia

#726F68

Tritanopia

#686D6F

Achromatopsia

#7A7A7A

CSS Usage

background-color: #67835C;
color: #67835C;
border-color: #67835C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F7F8F6
100
#ECF0EA
200
#D9E2D5
300
#BDCDB7
400
#99B190
500
#769669
600
#5E7854
700
#4B6043
800
#3B4B35
900
#2D3829
950
#1C231A

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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