#8DAFCB

#8DAFCB

Color Values

HEX

#8DAFCB

RGB

141, 175, 203

HSL

207.1, 37.3%, 67.5%

HSV

207.1, 30.5%, 79.6%

CMYK

30.5%, 13.8%, 0.0%, 20.4%

OKLCH

0.7386 0.0551 243.4

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#8DAFCB

#CBA98D

Analogous

#8DCBC8

#8D90CB

#8DAFCB

Triadic

#8DAFCB

#CB8DAF

#AFCB8D

Split Complementary

#8DAFCB

#CB8D90

#CBC88D

Tetradic

#8DAFCB

#C88DCB

#CBA98D

#90CB8D

Color Blindness Simulation

Original

#8DAFCB

Protanopia

#9C9CC4

Deuteranopia

#9A97C3

Tritanopia

#8FBFBE

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDDE9
300
#ABC4D9
400
#7DA4C4
500
#5084AF
600
#406A8C
700
#335570
800
#284258
900
#203241
950
#142029

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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