#86B2CB

#86B2CB

Color Values

HEX

#86B2CB

RGB

134, 178, 203

HSL

201.7, 39.9%, 66.1%

HSV

201.7, 34.0%, 79.6%

CMYK

34.0%, 12.3%, 0.0%, 20.4%

OKLCH

0.7407 0.0594 233.5

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#86B2CB

#CB9F86

Analogous

#86CBC2

#8690CB

#86B2CB

Triadic

#86B2CB

#CB86B2

#B2CB86

Split Complementary

#86B2CB

#CB8690

#CBC286

Tetradic

#86B2CB

#C286CB

#CB9F86

#90CB86

Color Blindness Simulation

Original

#86B2CB

Protanopia

#9999C5

Deuteranopia

#9693C4

Tritanopia

#88C0BF

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDDFEA
300
#A9C9DA
400
#7BABC6
500
#4D8EB2
600
#3D718F
700
#315B72
800
#264759
900
#1F3542
950
#14222A

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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