#868699

#868699

Color Values

HEX

#868699

RGB

134, 134, 153

HSL

240.0, 8.5%, 56.3%

HSV

240.0, 12.4%, 60.0%

CMYK

12.4%, 12.4%, 0.0%, 40.0%

OKLCH

0.6265 0.0283 285.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#868699

#999986

Analogous

#869099

#908699

#868699

Triadic

#868699

#998686

#869986

Split Complementary

#868699

#999086

#909986

Tetradic

#868699

#998690

#999986

#869990

Color Blindness Simulation

Original

#868699

Protanopia

#868694

Deuteranopia

#868693

Tritanopia

#869190

Achromatopsia

#878787

CSS Usage

background-color: #868699;
color: #868699;
border-color: #868699;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D8D8DE
300
#BDBDC7
400
#9999A9
500
#75758A
600
#5D5D6F
700
#4B4B59
800
#3A3A45
900
#2D2D34
950
#1C1C21

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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