#8CACE3

#8CACE3

Color Values

HEX

#8CACE3

RGB

140, 172, 227

HSL

217.9, 60.8%, 72.0%

HSV

217.9, 38.3%, 89.0%

CMYK

38.3%, 24.2%, 0.0%, 11.0%

OKLCH

0.7413 0.0876 261.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8CACE3

#E3C38C

Analogous

#8CD8E3

#988CE3

#8CACE3

Triadic

#8CACE3

#E38CAC

#ACE38C

Split Complementary

#8CACE3

#E3988C

#D8E38C

Tetradic

#8CACE3

#E38CD8

#E3C38C

#8CE398

Color Blindness Simulation

Original

#8CACE3

Protanopia

#9A9AD6

Deuteranopia

#9896D2

Tritanopia

#8ECBC9

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EBF6
200
#C6D6F1
300
#9DB8E7
400
#6792DA
500
#326BCD
600
#2856A4
700
#204583
800
#193667
900
#16294B
950
#0E1A2F

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

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026