#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

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

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

Ene 18, 2026