#7F8FA2

#7F8FA2

Color Values

HEX

#7F8FA2

RGB

127, 143, 162

HSL

212.6, 15.8%, 56.7%

HSV

212.6, 21.6%, 63.5%

CMYK

21.6%, 11.7%, 0.0%, 36.5%

OKLCH

0.6438 0.034 252.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7F8FA2

#A2927F

Analogous

#7FA1A2

#817FA2

#7F8FA2

Triadic

#7F8FA2

#A27F8F

#8FA27F

Split Complementary

#7F8FA2

#A2817F

#A1A27F

Tetradic

#7F8FA2

#A27FA1

#A2927F

#7FA281

Color Blindness Simulation

Original

#7F8FA2

Protanopia

#86869D

Deuteranopia

#85849C

Tritanopia

#809A99

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D6DBE1
300
#B8C1CB
400
#929FB0
500
#6B7E94
600
#566576
700
#45505E
800
#363F4A
900
#2A3037
950
#1A1E23

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026