#8894FD

#8894FD

Color Values

HEX

#8894FD

RGB

136, 148, 253

HSL

233.8, 96.7%, 76.3%

HSV

233.8, 46.2%, 99.2%

CMYK

46.2%, 41.5%, 0.0%, 0.8%

OKLCH

0.7031 0.1532 276.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#8894FD

#FDF188

Analogous

#88CFFD

#B688FD

#8894FD

Triadic

#8894FD

#FD8894

#94FD88

Split Complementary

#8894FD

#FDB688

#CFFD88

Tetradic

#8894FD

#FD88CF

#FDF188

#88FDB6

Color Blindness Simulation

Original

#8894FD

Protanopia

#8D8DE4

Deuteranopia

#8C8CDE

Tritanopia

#89D0CB

Achromatopsia

#999999

CSS Usage

background-color: #8894FD;
color: #8894FD;
border-color: #8894FD;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FE
100
#DEE2FC
200
#B9C0FE
300
#8793FD
400
#4558FC
500
#041EFB
600
#0318C9
700
#0313A1
800
#020F7D
900
#060F5B
950
#040939

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026