#8AC5CE

#8AC5CE

Color Values

HEX

#8AC5CE

RGB

138, 197, 206

HSL

187.9, 41.0%, 67.5%

HSV

187.9, 33.0%, 80.8%

CMYK

33.0%, 4.4%, 0.0%, 19.2%

OKLCH

0.7862 0.0619 207.9

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#8AC5CE

#CE938A

Analogous

#8ACEB5

#8AA3CE

#8AC5CE

Triadic

#8AC5CE

#CE8AC5

#C5CE8A

Split Complementary

#8AC5CE

#CE8AA3

#CEB58A

Tetradic

#8AC5CE

#B58ACE

#CE938A

#A3CE8A

Color Blindness Simulation

Original

#8AC5CE

Protanopia

#A4A4CC

Deuteranopia

#A09CCB

Tritanopia

#8DCACA

Achromatopsia

#B9B9B9

CSS Usage

background-color: #8AC5CE;
color: #8AC5CE;
border-color: #8AC5CE;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6EA
300
#A9D4DB
400
#7ABDC7
500
#4BA6B4
600
#3C8590
700
#306A73
800
#26535A
900
#1F3E42
950
#13272A

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

10.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026