#7F7C89

#7F7C89

Color Values

HEX

#7F7C89

RGB

127, 124, 137

HSL

253.8, 5.2%, 51.2%

HSV

253.8, 9.5%, 53.7%

CMYK

7.3%, 9.5%, 0.0%, 46.3%

OKLCH

0.5933 0.0198 296.4

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#7F7C89

#86897C

Analogous

#7C8089

#867C89

#7F7C89

Triadic

#7F7C89

#897F7C

#7C897F

Split Complementary

#7F7C89

#89867C

#80897C

Tetradic

#7F7C89

#897C80

#86897C

#7C8986

Color Blindness Simulation

Original

#7F7C89

Protanopia

#7E7E86

Deuteranopia

#7E7E85

Tritanopia

#7F8383

Achromatopsia

#7E7E7E

CSS Usage

background-color: #7F7C89;
color: #7F7C89;
border-color: #7F7C89;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DAD9DD
300
#C0BFC5
400
#9E9CA6
500
#7C7986
600
#63616B
700
#4F4D56
800
#3E3C43
900
#2F2E33
950
#1E1D20

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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