#7F8BAB

#7F8BAB

Color Values

HEX

#7F8BAB

RGB

127, 139, 171

HSL

223.6, 20.8%, 58.4%

HSV

223.6, 25.7%, 67.1%

CMYK

25.7%, 18.7%, 0.0%, 32.9%

OKLCH

0.6386 0.0501 268.9

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7F8BAB

#AB9F7F

Analogous

#7FA1AB

#897FAB

#7F8BAB

Triadic

#7F8BAB

#AB7F8B

#8BAB7F

Split Complementary

#7F8BAB

#AB897F

#A1AB7F

Tetradic

#7F8BAB

#AB7FA1

#AB9F7F

#7FAB89

Color Blindness Simulation

Original

#7F8BAB

Protanopia

#8484A3

Deuteranopia

#8483A1

Tritanopia

#809D9C

Achromatopsia

#8B8B8B

CSS Usage

background-color: #7F8BAB;
color: #7F8BAB;
border-color: #7F8BAB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D8E3
300
#B5BCCF
400
#8D98B4
500
#65739A
600
#515C7B
700
#414A63
800
#323A4D
900
#272C3A
950
#191C24

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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