#8CBCD7

#8CBCD7

Color Values

HEX

#8CBCD7

RGB

140, 188, 215

HSL

201.6, 48.4%, 69.6%

HSV

201.6, 34.9%, 84.3%

CMYK

34.9%, 12.6%, 0.0%, 15.7%

OKLCH

0.7707 0.0637 233.3

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#8CBCD7

#D7A78C

Analogous

#8CD7CC

#8C96D7

#8CBCD7

Triadic

#8CBCD7

#D78CBC

#BCD78C

Split Complementary

#8CBCD7

#D78C96

#D7CC8C

Tetradic

#8CBCD7

#CC8CD7

#D7A78C

#96D78C

Color Blindness Simulation

Original

#8CBCD7

Protanopia

#A1A1D0

Deuteranopia

#9E9ACF

Tritanopia

#8ECBCA

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CAE0ED
300
#A4CADF
400
#73ADCE
500
#4291BD
600
#357497
700
#2A5D79
800
#21485F
900
#1B3646
950
#11222C

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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