#7A855C

#7A855C

Color Values

HEX

#7A855C

RGB

122, 133, 92

HSL

76.1, 18.2%, 44.1%

HSV

76.1, 30.8%, 52.2%

CMYK

8.3%, 0.0%, 30.8%, 47.8%

OKLCH

0.5967 0.0605 120.5

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#7A855C

#675C85

Analogous

#857B5C

#65855C

#7A855C

Triadic

#7A855C

#5C7A85

#855C7A

Split Complementary

#7A855C

#5C6585

#7B5C85

Tetradic

#7A855C

#5C857B

#675C85

#855C65

Color Blindness Simulation

Original

#7A855C

Protanopia

#7F7F66

Deuteranopia

#7E7D68

Tritanopia

#7B6E6F

Achromatopsia

#808080

CSS Usage

background-color: #7A855C;
color: #7A855C;
border-color: #7A855C;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DEE2D5
300
#C7CDB7
400
#A9B28F
500
#8A9768
600
#6F7953
700
#586043
800
#454B34
900
#343829
950
#21241A

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026