#7B8F58

#7B8F58

Color Values

HEX

#7B8F58

RGB

123, 143, 88

HSL

81.8, 23.8%, 45.3%

HSV

81.8, 38.5%, 56.1%

CMYK

14.0%, 0.0%, 38.5%, 43.9%

OKLCH

0.6203 0.081 125.0

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#7B8F58

#6C588F

Analogous

#8F8758

#608F58

#7B8F58

Triadic

#7B8F58

#587B8F

#8F587B

Split Complementary

#7B8F58

#58608F

#87588F

Tetradic

#7B8F58

#588F87

#6C588F

#8F5860

Color Blindness Simulation

Original

#7B8F58

Protanopia

#848465

Deuteranopia

#828168

Tritanopia

#7C7072

Achromatopsia

#878787

CSS Usage

background-color: #7B8F58;
color: #7B8F58;
border-color: #7B8F58;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8F9F6
100
#EEF1EA
200
#DEE4D3
300
#C6D0B3
400
#A7B78A
500
#889E61
600
#6D7E4E
700
#57653E
800
#444F31
900
#333B26
950
#202518

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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