#8F7AC8

#8F7AC8

Color Values

HEX

#8F7AC8

RGB

143, 122, 200

HSL

256.2, 41.5%, 63.1%

HSV

256.2, 39.0%, 78.4%

CMYK

28.5%, 39.0%, 0.0%, 21.6%

OKLCH

0.6307 0.1164 295.2

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#8F7AC8

#B3C87A

Analogous

#7A8CC8

#B67AC8

#8F7AC8

Triadic

#8F7AC8

#C88F7A

#7AC88F

Split Complementary

#8F7AC8

#C8B67A

#8CC87A

Tetradic

#8F7AC8

#C87A8C

#B3C87A

#7AC8B6

Color Blindness Simulation

Original

#8F7AC8

Protanopia

#8686B5

Deuteranopia

#8789B1

Tritanopia

#8EA6A3

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CCEA
300
#B6A8DB
400
#8F79C8
500
#674BB4
600
#533C90
700
#423073
800
#34255A
900
#281E43
950
#19132A

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.79:1

AA Pass AAA Fail

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