#918AFF

#918AFF

Color Values

HEX

#918AFF

RGB

145, 138, 255

HSL

243.6, 100.0%, 77.1%

HSV

243.6, 45.9%, 100.0%

CMYK

43.1%, 45.9%, 0.0%, 0.0%

OKLCH

0.692 0.1679 283.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#918AFF

#F8FF8A

Analogous

#8ABEFF

#CC8AFF

#918AFF

Triadic

#918AFF

#FF918A

#8AFF91

Split Complementary

#918AFF

#FFCC8A

#BEFF8A

Tetradic

#918AFF

#FF8ABE

#F8FF8A

#8AFFCC

Color Blindness Simulation

Original

#918AFF

Protanopia

#8E8EE3

Deuteranopia

#8E8FDC

Tritanopia

#91CCC7

Achromatopsia

#949494

CSS Usage

background-color: #918AFF;
color: #918AFF;
border-color: #918AFF;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F2F1FE
100
#E0DEFC
200
#BCB8FF
300
#8C85FF
400
#4E42FF
500
#0F00FF
600
#0C00CC
700
#0A00A3
800
#080080
900
#0A055C
950
#06033A

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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