#8896FC

#8896FC

Color Values

HEX

#8896FC

RGB

136, 150, 252

HSL

232.8, 95.1%, 76.1%

HSV

232.8, 46.0%, 98.8%

CMYK

46.0%, 40.5%, 0.0%, 1.2%

OKLCH

0.7064 0.1492 276.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#8896FC

#FCEE88

Analogous

#88D0FC

#B488FC

#8896FC

Triadic

#8896FC

#FC8896

#96FC88

Split Complementary

#8896FC

#FCB488

#D0FC88

Tetradic

#8896FC

#FC88D0

#FCEE88

#88FCB4

Color Blindness Simulation

Original

#8896FC

Protanopia

#8E8EE3

Deuteranopia

#8D8CDD

Tritanopia

#89D0CC

Achromatopsia

#9A9A9A

CSS Usage

background-color: #8896FC;
color: #8896FC;
border-color: #8896FC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F3FE
100
#DFE2FC
200
#B9C1FD
300
#8896FC
400
#475CFA
500
#0623F9
600
#051CC7
700
#04179F
800
#03127C
900
#07115A
950
#040B39

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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