#8BBAC6

#8BBAC6

Color Values

HEX

#8BBAC6

RGB

139, 186, 198

HSL

192.2, 34.1%, 66.1%

HSV

192.2, 29.8%, 77.6%

CMYK

29.8%, 6.1%, 0.0%, 22.4%

OKLCH

0.7596 0.0525 215.2

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#8BBAC6

#C6978B

Analogous

#8BC6B5

#8B9DC6

#8BBAC6

Triadic

#8BBAC6

#C68BBA

#BAC68B

Split Complementary

#8BBAC6

#C68B9D

#C6B58B

Tetradic

#8BBAC6

#B58BC6

#C6978B

#9DC68B

Color Blindness Simulation

Original

#8BBAC6

Protanopia

#9FA0C3

Deuteranopia

#9D99C2

Tritanopia

#8DC1C0

Achromatopsia

#B1B1B1

CSS Usage

background-color: #8BBAC6;
color: #8BBAC6;
border-color: #8BBAC6;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE3E7
300
#ADCED7
400
#80B4C1
500
#5499AB
600
#437B89
700
#36626D
800
#2A4D55
900
#22393F
950
#152428

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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