#8BAEC6

#8BAEC6

Color Values

HEX

#8BAEC6

RGB

139, 174, 198

HSL

204.4, 34.1%, 66.1%

HSV

204.4, 29.8%, 77.6%

CMYK

29.8%, 12.1%, 0.0%, 22.4%

OKLCH

0.7333 0.0517 238.4

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#8BAEC6

#C6A38B

Analogous

#8BC6C1

#8B91C6

#8BAEC6

Triadic

#8BAEC6

#C68BAE

#AEC68B

Split Complementary

#8BAEC6

#C68B91

#C6C18B

Tetradic

#8BAEC6

#C18BC6

#C6A38B

#91C68B

Color Blindness Simulation

Original

#8BAEC6

Protanopia

#9A9AC0

Deuteranopia

#9896BF

Tritanopia

#8DBCBB

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE7
300
#ADC6D7
400
#80A7C1
500
#5488AB
600
#436C89
700
#36576D
800
#2A4455
900
#22333F
950
#152028

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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