#8993FA

#8993FA

Color Values

HEX

#8993FA

RGB

137, 147, 250

HSL

234.7, 91.9%, 75.9%

HSV

234.7, 45.2%, 98.0%

CMYK

45.2%, 41.2%, 0.0%, 2.0%

OKLCH

0.7002 0.1502 277.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#8993FA

#FAF089

Analogous

#89CCFA

#B889FA

#8993FA

Triadic

#8993FA

#FA8993

#93FA89

Split Complementary

#8993FA

#FAB889

#CCFA89

Tetradic

#8993FA

#FA89CC

#FAF089

#89FAB8

Color Blindness Simulation

Original

#8993FA

Protanopia

#8D8DE1

Deuteranopia

#8D8CDB

Tritanopia

#8ACDC9

Achromatopsia

#989898

CSS Usage

background-color: #8993FA;
color: #8993FA;
border-color: #8993FA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FD
100
#DFE2FB
200
#BAC0FC
300
#8A93FA
400
#4A59F7
500
#0A1FF5
600
#0819C4
700
#07149D
800
#05107A
900
#080F59
950
#050A38

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

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