#869FBC

#869FBC

Color Values

HEX

#869FBC

RGB

134, 159, 188

HSL

212.2, 28.7%, 63.1%

HSV

212.2, 28.7%, 73.7%

CMYK

28.7%, 15.4%, 0.0%, 26.3%

OKLCH

0.6936 0.0512 252.3

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#869FBC

#BCA386

Analogous

#86BABC

#8886BC

#869FBC

Triadic

#869FBC

#BC869F

#9FBC86

Split Complementary

#869FBC

#BC8886

#BABC86

Tetradic

#869FBC

#BC86BA

#BCA386

#86BC88

Color Blindness Simulation

Original

#869FBC

Protanopia

#9191B5

Deuteranopia

#8F8EB3

Tritanopia

#87AFAE

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DBE6
300
#B0C1D3
400
#869FBC
500
#5B7DA4
600
#496483
700
#3A5069
800
#2D3E52
900
#24303D
950
#171E27

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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