#868BA5

#868BA5

Color Values

HEX

#868BA5

RGB

134, 139, 165

HSL

230.3, 14.7%, 58.6%

HSV

230.3, 18.8%, 64.7%

CMYK

18.8%, 15.8%, 0.0%, 35.3%

OKLCH

0.6417 0.0393 276.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#868BA5

#A5A086

Analogous

#869AA5

#9086A5

#868BA5

Triadic

#868BA5

#A5868B

#8BA586

Split Complementary

#868BA5

#A59086

#9AA586

Tetradic

#868BA5

#A5869A

#A5A086

#86A590

Color Blindness Simulation

Original

#868BA5

Protanopia

#88889F

Deuteranopia

#88889D

Tritanopia

#869A99

Achromatopsia

#8C8C8C

CSS Usage

background-color: #868BA5;
color: #868BA5;
border-color: #868BA5;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D8E1
300
#B9BCCB
400
#9397AF
500
#6D7392
600
#575C75
700
#46495E
800
#363949
900
#2A2C37
950
#1B1C23

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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