#86CCD7

#86CCD7

Color Values

HEX

#86CCD7

RGB

134, 204, 215

HSL

188.1, 50.3%, 68.4%

HSV

188.1, 37.7%, 84.3%

CMYK

37.7%, 5.1%, 0.0%, 15.7%

OKLCH

0.8027 0.0718 208.3

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#86CCD7

#D79186

Analogous

#86D7B9

#86A3D7

#86CCD7

Triadic

#86CCD7

#D786CC

#CCD786

Split Complementary

#86CCD7

#D786A3

#D7B986

Tetradic

#86CCD7

#B986D7

#D79186

#A3D786

Color Blindness Simulation

Original

#86CCD7

Protanopia

#A4A5D4

Deuteranopia

#A09BD4

Tritanopia

#8AD2D2

Achromatopsia

#BEBEBE

CSS Usage

background-color: #86CCD7;
color: #86CCD7;
border-color: #86CCD7;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9E8ED
300
#A3D8E1
400
#71C3D0
500
#3FAEC0
600
#338B99
700
#29707B
800
#205760
900
#1B4046
950
#11292C

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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