#8ABCC7

#8ABCC7

Color Values

HEX

#8ABCC7

RGB

138, 188, 199

HSL

190,8, 35,3%, 66,1%

HSV

190,8, 30,7%, 78,0%

CMYK

30,7%, 5,5%, 0,0%, 22,0%

OKLCH

0,7638 0,0547 212,8

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#8ABCC7

#C7958A

Analogous

#8AC7B4

#8A9EC7

#8ABCC7

Triadic

#8ABCC7

#C78ABC

#BCC78A

Split Complementary

#8ABCC7

#C78A9E

#C7B48A

Tetradic

#8ABCC7

#B48AC7

#C7958A

#9EC78A

Color Blindness Simulation

Original

#8ABCC7

Protanopia

#A0A0C4

Deuteranopia

#9D99C4

Tritanopia

#8CC2C2

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CFE3E8
300
#ACD0D7
400
#7FB6C2
500
#529CAD
600
#427D8A
700
#35646E
800
#294E56
900
#213A40
950
#152528

Contrast Checker

Text on white

2,08:1

AA Fail AAA Fail

Text on black

10,1: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