#869EB7

#869EB7

Color Values

HEX

#869EB7

RGB

134, 158, 183

HSL

210.6, 25.4%, 62.2%

HSV

210.6, 26.8%, 71.8%

CMYK

26.8%, 13.7%, 0.0%, 28.2%

OKLCH

0.6895 0.0458 249.6

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#869EB7

#B79F86

Analogous

#86B7B7

#8786B7

#869EB7

Triadic

#869EB7

#B7869E

#9EB786

Split Complementary

#869EB7

#B78786

#B7B786

Tetradic

#869EB7

#B786B7

#B79F86

#86B787

Color Blindness Simulation

Original

#869EB7

Protanopia

#9091B1

Deuteranopia

#8F8DB0

Tritanopia

#87ACAB

Achromatopsia

#9B9B9B

CSS Usage

background-color: #869EB7;
color: #869EB7;
border-color: #869EB7;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DBE4
300
#B2C1D1
400
#89A0B9
500
#5F7FA0
600
#4C6580
700
#3D5166
800
#303F50
900
#25303C
950
#181E26

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.59:1

AA Pass AAA Pass

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