#7F9BAB

#7F9BAB

Color Values

HEX

#7F9BAB

RGB

127, 155, 171

HSL

201.8, 20.8%, 58.4%

HSV

201.8, 25.7%, 67.1%

CMYK

25.7%, 9.4%, 0.0%, 32.9%

OKLCH

0.6736 0.0393 233.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7F9BAB

#AB8F7F

Analogous

#7FABA5

#7F85AB

#7F9BAB

Triadic

#7F9BAB

#AB7F9B

#9BAB7F

Split Complementary

#7F9BAB

#AB7F85

#ABA57F

Tetradic

#7F9BAB

#A57FAB

#AB8F7F

#85AB7F

Color Blindness Simulation

Original

#7F9BAB

Protanopia

#8B8BA7

Deuteranopia

#8A87A6

Tritanopia

#80A4A3

Achromatopsia

#969696

CSS Usage

background-color: #7F9BAB;
color: #7F9BAB;
border-color: #7F9BAB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CF
400
#8DA6B4
500
#65879A
600
#516C7B
700
#415663
800
#32434D
900
#27333A
950
#192024

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

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