#978690

#978690

Color Values

HEX

#978690

RGB

151, 134, 144

HSL

324.7, 7.6%, 55.9%

HSV

324.7, 11.3%, 59.2%

CMYK

0.0%, 11.3%, 4.6%, 40.8%

OKLCH

0.6385 0.025 341.7

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#978690

#86978D

Analogous

#968697

#978688

#978690

Triadic

#978690

#909786

#869097

Split Complementary

#978690

#889786

#869796

Tetradic

#978690

#979686

#86978D

#868897

Color Blindness Simulation

Original

#978690

Protanopia

#908F8E

Deuteranopia

#91928D

Tritanopia

#968C8B

Achromatopsia

#8A8A8A

CSS Usage

background-color: #978690;
color: #978690;
border-color: #978690;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED9DC
300
#C6BDC3
400
#A899A2
500
#897681
600
#6E5E67
700
#584B53
800
#453B41
900
#342D31
950
#211D1F

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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