#9488FC

#9488FC

Color Values

HEX

#9488FC

RGB

148, 136, 252

HSL

246.2, 95.1%, 76.1%

HSV

246.2, 46.0%, 98.8%

CMYK

41.3%, 46.0%, 0.0%, 1.2%

OKLCH

0.689 0.1664 285.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#9488FC

#F0FC88

Analogous

#88B6FC

#CE88FC

#9488FC

Triadic

#9488FC

#FC9488

#88FC94

Split Complementary

#9488FC

#FCCE88

#B6FC88

Tetradic

#9488FC

#FC88B6

#F0FC88

#88FCCE

Color Blindness Simulation

Original

#9488FC

Protanopia

#8F8FE0

Deuteranopia

#9090D9

Tritanopia

#93CAC5

Achromatopsia

#939393

CSS Usage

background-color: #9488FC;
color: #9488FC;
border-color: #9488FC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F2F1FE
100
#E2DFFC
200
#C0B9FD
300
#9488FC
400
#5947FA
500
#1F06F9
600
#1905C7
700
#14049F
800
#10037C
900
#10075A
950
#0A0439

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.19:1

AA Pass AAA Pass

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