#8796CC

#8796CC

Color Values

HEX

#8796CC

RGB

135, 150, 204

HSL

227.0, 40.4%, 66.5%

HSV

227.0, 33.8%, 80.0%

CMYK

33.8%, 26.5%, 0.0%, 20.0%

OKLCH

0.6818 0.0819 272.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8796CC

#CCBD87

Analogous

#87B9CC

#9B87CC

#8796CC

Triadic

#8796CC

#CC8796

#96CC87

Split Complementary

#8796CC

#CC9B87

#B9CC87

Tetradic

#8796CC

#CC87B9

#CCBD87

#87CC9B

Color Blindness Simulation

Original

#8796CC

Protanopia

#8D8EBF

Deuteranopia

#8D8CBC

Tritanopia

#88B5B2

Achromatopsia

#979797

CSS Usage

background-color: #8796CC;
color: #8796CC;
border-color: #8796CC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CDD3EA
300
#A9B4DB
400
#7B8BC7
500
#4C62B3
600
#3D4F8F
700
#313F73
800
#26315A
900
#1F2642
950
#13182A

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026