#869BC2

#869BC2

Color Values

HEX

#869BC2

RGB

134, 155, 194

HSL

219.0, 33.0%, 64.3%

HSV

219.0, 30.9%, 76.1%

CMYK

30.9%, 20.1%, 0.0%, 23.9%

OKLCH

0.6873 0.0625 262.7

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#869BC2

#C2AD86

Analogous

#86B9C2

#8F86C2

#869BC2

Triadic

#869BC2

#C2869B

#9BC286

Split Complementary

#869BC2

#C28F86

#B9C286

Tetradic

#869BC2

#C286B9

#C2AD86

#86C28F

Color Blindness Simulation

Original

#869BC2

Protanopia

#8F8FB9

Deuteranopia

#8E8CB6

Tritanopia

#87B1AF

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D8E7
300
#AEBCD6
400
#8297C0
500
#5573AA
600
#445C88
700
#374A6D
800
#2B3955
900
#222C3F
950
#161C28

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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