#7B9583

#7B9583

Color Values

HEX

#7B9583

RGB

123, 149, 131

HSL

138.5, 10.9%, 53.3%

HSV

138.5, 17.4%, 58.4%

CMYK

17.4%, 0.0%, 12.1%, 41.6%

OKLCH

0.6443 0.0397 154.9

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#7B9583

#957B8D

Analogous

#80957B

#7B9590

#7B9583

Triadic

#7B9583

#837B95

#95837B

Split Complementary

#7B9583

#907B95

#957B80

Tetradic

#7B9583

#7B8095

#957B8D

#95907B

Color Blindness Simulation

Original

#7B9583

Protanopia

#868687

Deuteranopia

#858388

Tritanopia

#7C8B8C

Achromatopsia

#8E8E8E

CSS Usage

background-color: #7B9583;
color: #7B9583;
border-color: #7B9583;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7DFDA
300
#BBC8BF
400
#96AB9D
500
#728D7A
600
#5B7162
700
#495A4E
800
#39473D
900
#2C352F
950
#1C221D

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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