#8CB4D4

#8CB4D4

Color Values

HEX

#8CB4D4

RGB

140, 180, 212

HSL

206.7, 45.6%, 69.0%

HSV

206.7, 34.0%, 83.1%

CMYK

34.0%, 15.1%, 0.0%, 16.9%

OKLCH

0.7522 0.0633 242.8

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#8CB4D4

#D4AC8C

Analogous

#8CD4D0

#8C90D4

#8CB4D4

Triadic

#8CB4D4

#D48CB4

#B4D48C

Split Complementary

#8CB4D4

#D48C90

#D4D08C

Tetradic

#8CB4D4

#D08CD4

#D4AC8C

#90D48C

Color Blindness Simulation

Original

#8CB4D4

Protanopia

#9D9ECC

Deuteranopia

#9B98CA

Tritanopia

#8EC6C5

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDDEC
300
#A6C5DE
400
#76A5CC
500
#4586BA
600
#376B95
700
#2C5677
800
#23435D
900
#1D3344
950
#12202B

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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