#7B8570

#7B8570

Color Values

HEX

#7B8570

RGB

123, 133, 112

HSL

88.6, 8.6%, 48.0%

HSV

88.6, 15.8%, 52.2%

CMYK

7.5%, 0.0%, 15.8%, 47.8%

OKLCH

0.6023 0.0332 128.2

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#7B8570

#7A7085

Analogous

#858470

#708570

#7B8570

Triadic

#7B8570

#707B85

#85707B

Split Complementary

#7B8570

#707085

#847085

Tetradic

#7B8570

#708584

#7A7085

#857070

Color Blindness Simulation

Original

#7B8570

Protanopia

#7F7F75

Deuteranopia

#7F7E76

Tritanopia

#7C797A

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DBDED8
300
#C2C7BD
400
#A1A999
500
#808A75
600
#666F5D
700
#52594B
800
#40453A
900
#31342D
950
#1F211C

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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