#7B8552

#7B8552

Color Values

HEX

#7B8552

RGB

123, 133, 82

HSL

71.8, 23.7%, 42.2%

HSV

71.8, 38.3%, 52.2%

CMYK

7.5%, 0.0%, 38.3%, 47.8%

OKLCH

0.5956 0.073 117.7

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#7B8552

#5C5285

Analogous

#857652

#628552

#7B8552

Triadic

#7B8552

#527B85

#85527B

Split Complementary

#7B8552

#526285

#765285

Tetradic

#7B8552

#528576

#5C5285

#855262

Color Blindness Simulation

Original

#7B8552

Protanopia

#7F7F5E

Deuteranopia

#7F7E61

Tritanopia

#7C686A

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#E0E4D3
300
#CBD0B3
400
#AEB78A
500
#929E61
600
#757E4E
700
#5D653E
800
#494F31
900
#373B26
950
#232518

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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