#86BECB

#86BECB

Color Values

HEX

#86BECB

RGB

134, 190, 203

HSL

191.3, 39.9%, 66.1%

HSV

191.3, 34.0%, 79.6%

CMYK

34.0%, 6.4%, 0.0%, 20.4%

OKLCH

0.7673 0.0609 213.7

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#86BECB

#CB9386

Analogous

#86CBB6

#869CCB

#86BECB

Triadic

#86BECB

#CB86BE

#BECB86

Split Complementary

#86BECB

#CB869C

#CBB686

Tetradic

#86BECB

#B686CB

#CB9386

#9CCB86

Color Blindness Simulation

Original

#86BECB

Protanopia

#9E9FC8

Deuteranopia

#9B97C7

Tritanopia

#89C5C5

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE4EA
300
#A9D1DA
400
#7BB8C6
500
#4D9FB2
600
#3D7F8F
700
#316672
800
#265059
900
#1F3B42
950
#14252A

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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