#8AACD6

#8AACD6

Color Values

HEX

#8AACD6

RGB

138, 172, 214

HSL

213.2, 48.1%, 69.0%

HSV

213.2, 35.5%, 83.9%

CMYK

35.5%, 19.6%, 0.0%, 16.1%

OKLCH

0.7345 0.0718 254.0

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#8AACD6

#D6B48A

Analogous

#8AD2D6

#8E8AD6

#8AACD6

Triadic

#8AACD6

#D68AAC

#ACD68A

Split Complementary

#8AACD6

#D68E8A

#D2D68A

Tetradic

#8AACD6

#D68AD2

#D6B48A

#8AD68E

Color Blindness Simulation

Original

#8AACD6

Protanopia

#9999CC

Deuteranopia

#9794C9

Tritanopia

#8CC4C2

Achromatopsia

#A8A8A8

CSS Usage

background-color: #8AACD6;
color: #8AACD6;
border-color: #8AACD6;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD9EC
300
#A4BFDF
400
#739CCE
500
#4279BD
600
#356197
700
#2A4D79
800
#213C5E
900
#1B2E45
950
#111D2C

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

8.95:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026