#8F82F9

#8F82F9

Color Values

HEX

#8F82F9

RGB

143, 130, 249

HSL

246.6, 90.8%, 74.3%

HSV

246.6, 47.8%, 97.6%

CMYK

42.6%, 47.8%, 0.0%, 2.4%

OKLCH

0.6726 0.1711 285.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8F82F9

#ECF982

Analogous

#82B0F9

#CB82F9

#8F82F9

Triadic

#8F82F9

#F98F82

#82F98F

Split Complementary

#8F82F9

#F9CB82

#B0F982

Tetradic

#8F82F9

#F982B0

#ECF982

#82F9CB

Color Blindness Simulation

Original

#8F82F9

Protanopia

#8989DC

Deuteranopia

#8A8BD5

Tritanopia

#8EC5C0

Achromatopsia

#8D8D8D

CSS Usage

background-color: #8F82F9;
color: #8F82F9;
border-color: #8F82F9;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C2BBFC
300
#968AF9
400
#5E4BF6
500
#250CF3
600
#1E09C3
700
#18089C
800
#13067A
900
#120958
950
#0B0638

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.73:1

AA Pass AAA Fail

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