#7F9BA3

#7F9BA3

Color Values

HEX

#7F9BA3

RGB

127, 155, 163

HSL

193.3, 16.4%, 56.9%

HSV

193.3, 22.1%, 63.9%

CMYK

22.1%, 4.9%, 0.0%, 36.1%

OKLCH

0.6708 0.0335 217.0

Properties

Cool Light Nearest: RAL 7001 Silver Grey

Color Harmonies

Complementary

#7F9BA3

#A3877F

Analogous

#7FA399

#7F89A3

#7F9BA3

Triadic

#7F9BA3

#A37F9B

#9BA37F

Split Complementary

#7F9BA3

#A37F89

#A3997F

Tetradic

#7F9BA3

#997FA3

#A3877F

#89A37F

Color Blindness Simulation

Original

#7F9BA3

Protanopia

#8B8BA1

Deuteranopia

#8A87A1

Tritanopia

#80A09F

Achromatopsia

#969696

CSS Usage

background-color: #7F9BA3;
color: #7F9BA3;
border-color: #7F9BA3;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5DFE1
300
#B8C7CC
400
#91A9B0
500
#6B8B94
600
#556F77
700
#44595F
800
#35464A
900
#293438
950
#1A2123

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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