#86BEC8

#86BEC8

Color Values

HEX

#86BEC8

RGB

134, 190, 200

HSL

189.1, 37.5%, 65.5%

HSV

189.1, 33.0%, 78.4%

CMYK

33.0%, 5.0%, 0.0%, 21.6%

OKLCH

0.7663 0.0597 209.8

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#86BEC8

#C89086

Analogous

#86C8B1

#869DC8

#86BEC8

Triadic

#86BEC8

#C886BE

#BEC886

Split Complementary

#86BEC8

#C8869D

#C8B186

Tetradic

#86BEC8

#B186C8

#C89086

#9DC886

Color Blindness Simulation

Original

#86BEC8

Protanopia

#9E9FC6

Deuteranopia

#9B97C5

Tritanopia

#89C4C3

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE5E9
300
#ABD2D9
400
#7DB9C4
500
#50A1AF
600
#40818C
700
#336770
800
#285058
900
#203C41
950
#142629

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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