#86A3BC

#86A3BC

Color Values

HEX

#86A3BC

RGB

134, 163, 188

HSL

207.8, 28.7%, 63.1%

HSV

207.8, 28.7%, 73.7%

CMYK

28.7%, 13.3%, 0.0%, 26.3%

OKLCH

0.7023 0.0489 244.6

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#86A3BC

#BC9F86

Analogous

#86BCBA

#8688BC

#86A3BC

Triadic

#86A3BC

#BC86A3

#A3BC86

Split Complementary

#86A3BC

#BC8688

#BCBA86

Tetradic

#86A3BC

#BA86BC

#BC9F86

#88BC86

Color Blindness Simulation

Original

#86A3BC

Protanopia

#9393B6

Deuteranopia

#918FB4

Tritanopia

#87B1B0

Achromatopsia

#9F9F9F

CSS Usage

background-color: #86A3BC;
color: #86A3BC;
border-color: #86A3BC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DCE6
300
#B0C3D3
400
#86A3BC
500
#5B82A4
600
#496883
700
#3A5369
800
#2D4152
900
#24313D
950
#171F27

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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