#869AC6

#869AC6

Color Values

HEX

#869AC6

RGB

134, 154, 198

HSL

221.2, 36.0%, 65.1%

HSV

221.2, 32.3%, 77.6%

CMYK

32.3%, 22.2%, 0.0%, 22.4%

OKLCH

0.6869 0.0691 265.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#869AC6

#C6B286

Analogous

#86BAC6

#9286C6

#869AC6

Triadic

#869AC6

#C6869A

#9AC686

Split Complementary

#869AC6

#C69286

#BAC686

Tetradic

#869AC6

#C686BA

#C6B286

#86C692

Color Blindness Simulation

Original

#869AC6

Protanopia

#8F8FBB

Deuteranopia

#8E8CB9

Tritanopia

#87B3B1

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CED7E8
300
#ACBAD8
400
#7F94C3
500
#526EAD
600
#41588B
700
#34476F
800
#293757
900
#212B40
950
#151B29

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.45:1

AA Pass AAA Pass

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