#6B8764

#6B8764

Color Values

HEX

#6B8764

RGB

107, 135, 100

HSL

108.0, 14.9%, 46.1%

HSV

108.0, 25.9%, 52.9%

CMYK

20.7%, 0.0%, 25.9%, 47.1%

OKLCH

0.5918 0.0612 139.4

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#6B8764

#806487

Analogous

#7D8764

#64876F

#6B8764

Triadic

#6B8764

#646B87

#87646B

Split Complementary

#6B8764

#6F6487

#87647D

Tetradic

#6B8764

#647D87

#806487

#876F64

Color Blindness Simulation

Original

#6B8764

Protanopia

#77776C

Deuteranopia

#76736E

Tritanopia

#6C7375

Achromatopsia

#7F7F7F

CSS Usage

background-color: #6B8764;
color: #6B8764;
border-color: #6B8764;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#D8E1D6
300
#BCCBB9
400
#98AF93
500
#74926D
600
#5D7557
700
#4A5E45
800
#3A4936
900
#2D372A
950
#1C231A

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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