#8DA7D0

#8DA7D0

Color Values

HEX

#8DA7D0

RGB

141, 167, 208

HSL

216.7, 41.6%, 68.4%

HSV

216.7, 32.2%, 81.6%

CMYK

32.2%, 19.7%, 0.0%, 18.4%

OKLCH

0.7234 0.0667 259.4

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#8DA7D0

#D0B68D

Analogous

#8DC8D0

#948DD0

#8DA7D0

Triadic

#8DA7D0

#D08DA7

#A7D08D

Split Complementary

#8DA7D0

#D0948D

#C8D08D

Tetradic

#8DA7D0

#D08DC8

#D0B68D

#8DD094

Color Blindness Simulation

Original

#8DA7D0

Protanopia

#9898C6

Deuteranopia

#9795C4

Tritanopia

#8EBEBD

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CCD8EA
300
#A8BCDB
400
#7998C8
500
#4A74B5
600
#3C5D90
700
#304A74
800
#253A5A
900
#1E2C43
950
#131C2A

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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