#8F89F3

#8F89F3

Color Values

HEX

#8F89F3

RGB

143, 137, 243

HSL

243.4, 81.5%, 74.5%

HSV

243.4, 43.6%, 95.3%

CMYK

41.2%, 43.6%, 0.0%, 4.7%

OKLCH

0.6818 0.1532 284.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8F89F3

#EDF389

Analogous

#89B8F3

#C489F3

#8F89F3

Triadic

#8F89F3

#F38F89

#89F38F

Split Complementary

#8F89F3

#F3C489

#B8F389

Tetradic

#8F89F3

#F389B8

#EDF389

#89F3C4

Color Blindness Simulation

Original

#8F89F3

Protanopia

#8C8CD9

Deuteranopia

#8D8DD3

Tritanopia

#8FC5C1

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E1FA
200
#C2BEF8
300
#9690F4
400
#5C54EE
500
#2318E7
600
#1C13B9
700
#170F94
800
#120C74
900
#110D54
950
#0B0835

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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