#8DA5CC

#8DA5CC

Color Values

HEX

#8DA5CC

RGB

141, 165, 204

HSL

217.1, 38.2%, 67.6%

HSV

217.1, 30.9%, 80.0%

CMYK

30.9%, 19.1%, 0.0%, 20.0%

OKLCH

0.7175 0.0632 260.0

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#8DA5CC

#CCB48D

Analogous

#8DC4CC

#948DCC

#8DA5CC

Triadic

#8DA5CC

#CC8DA5

#A5CC8D

Split Complementary

#8DA5CC

#CC948D

#C4CC8D

Tetradic

#8DA5CC

#CC8DC4

#CCB48D

#8DCC94

Color Blindness Simulation

Original

#8DA5CC

Protanopia

#9798C3

Deuteranopia

#9694C0

Tritanopia

#8EBBB9

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CED8E9
300
#AABCD9
400
#7D98C5
500
#4F74B0
600
#3F5D8D
700
#324A71
800
#273A58
900
#202D41
950
#141C29

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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