#8F93F7

#8F93F7

Color Values

HEX

#8F93F7

RGB

143, 147, 247

HSL

237.7, 86.7%, 76.5%

HSV

237.7, 42.1%, 96.9%

CMYK

42.1%, 40.5%, 0.0%, 3.1%

OKLCH

0.7028 0.1449 280.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#8F93F7

#F7F38F

Analogous

#8FC7F7

#BF8FF7

#8F93F7

Triadic

#8F93F7

#F78F93

#93F78F

Split Complementary

#8F93F7

#F7BF8F

#C7F78F

Tetradic

#8F93F7

#F78FC7

#F7F38F

#8FF7BF

Color Blindness Simulation

Original

#8F93F7

Protanopia

#9191DF

Deuteranopia

#9090D9

Tritanopia

#8FCCC8

Achromatopsia

#999999

CSS Usage

background-color: #8F93F7;
color: #8F93F7;
border-color: #8F93F7;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBFFA
300
#8D91F7
400
#4F55F2
500
#1119EE
600
#0E14BE
700
#0B1098
800
#080D77
900
#0B0E56
950
#070936

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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