#86BBB2

#86BBB2

Color Values

HEX

#86BBB2

RGB

134, 187, 178

HSL

169.8, 28.0%, 62.9%

HSV

169.8, 28.3%, 73.3%

CMYK

28.3%, 0.0%, 4.8%, 26.7%

OKLCH

0.7524 0.0571 183.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#86BBB2

#BB868F

Analogous

#86BB97

#86A9BB

#86BBB2

Triadic

#86BBB2

#B286BB

#BBB286

Split Complementary

#86BBB2

#BB86A9

#BB9786

Tetradic

#86BBB2

#9786BB

#BB868F

#A9BB86

Color Blindness Simulation

Original

#86BBB2

Protanopia

#9D9DB4

Deuteranopia

#9A96B5

Tritanopia

#89B6B6

Achromatopsia

#AFAFAF

CSS Usage

background-color: #86BBB2;
color: #86BBB2;
border-color: #86BBB2;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D1E5E2
300
#B1D3CD
400
#86BBB2
500
#5CA397
600
#498379
700
#3B6861
800
#2E524C
900
#243D39
950
#172624

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.76:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026