#8CBADC

#8CBADC

Color Values

HEX

#8CBADC

RGB

140, 186, 220

HSL

205.5, 53.3%, 70.6%

HSV

205.5, 36.4%, 86.3%

CMYK

36.4%, 15.5%, 0.0%, 13.7%

OKLCH

0.7682 0.0691 240.8

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#8CBADC

#DCAE8C

Analogous

#8CDCD6

#8C92DC

#8CBADC

Triadic

#8CBADC

#DC8CBA

#BADC8C

Split Complementary

#8CBADC

#DC8C92

#DCD68C

Tetradic

#8CBADC

#D68CDC

#DCAE8C

#92DC8C

Color Blindness Simulation

Original

#8CBADC

Protanopia

#A0A0D4

Deuteranopia

#9D9AD2

Tritanopia

#8ECDCC

Achromatopsia

#B3B3B3

CSS Usage

background-color: #8CBADC;
color: #8CBADC;
border-color: #8CBADC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C8DEEE
300
#A1C7E2
400
#6EA8D3
500
#3C8AC3
600
#306E9C
700
#26587D
800
#1E4562
900
#193448
950
#10212D

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026