#878693

#878693

Color Values

HEX

#878693

RGB

135, 134, 147

HSL

244.6, 5.7%, 55.1%

HSV

244.6, 8.8%, 57.6%

CMYK

8.2%, 8.8%, 0.0%, 42.4%

OKLCH

0.6252 0.0194 289.4

Properties

Cool Light Nearest: RAL 7046 Telegrey 2

Color Harmonies

Complementary

#878693

#929386

Analogous

#868C93

#8E8693

#878693

Triadic

#878693

#938786

#869387

Split Complementary

#878693

#938E86

#8C9386

Tetradic

#878693

#93868C

#929386

#86938E

Color Blindness Simulation

Original

#878693

Protanopia

#878790

Deuteranopia

#87878F

Tritanopia

#878D8D

Achromatopsia

#878787

CSS Usage

background-color: #878693;
color: #878693;
border-color: #878693;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#DAD9DD
300
#BFBEC5
400
#9C9BA6
500
#797887
600
#61606C
700
#4E4D56
800
#3D3C43
900
#2E2E33
950
#1D1D20

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.86:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026