#7F9688

#7F9688

Color Values

HEX

#7F9688

RGB

127, 150, 136

HSL

143.5, 9.9%, 54.3%

HSV

143.5, 15.3%, 58.8%

CMYK

15.3%, 0.0%, 9.3%, 41.2%

OKLCH

0.651 0.0333 158.6

Properties

Cool Light Nearest: honeydew 4

Color Harmonies

Complementary

#7F9688

#967F8D

Analogous

#81967F

#7F9694

#7F9688

Triadic

#7F9688

#887F96

#96887F

Split Complementary

#7F9688

#947F96

#967F81

Tetradic

#7F9688

#7F8196

#967F8D

#96947F

Color Blindness Simulation

Original

#7F9688

Protanopia

#89898B

Deuteranopia

#88868C

Tritanopia

#808E8F

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDB
300
#BCC8C0
400
#97AA9F
500
#738C7D
600
#5C7064
700
#4A5A50
800
#39463E
900
#2C3530
950
#1C211E

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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