#948FF8

#948FF8

Color Values

HEX

#948FF8

RGB

148, 143, 248

HSL

242.9, 88.2%, 76.7%

HSV

242.9, 42.3%, 97.3%

CMYK

40.3%, 42.3%, 0.0%, 2.7%

OKLCH

0.6996 0.1511 283.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#948FF8

#F3F88F

Analogous

#8FBFF8

#C98FF8

#948FF8

Triadic

#948FF8

#F8948F

#8FF894

Split Complementary

#948FF8

#F8C98F

#BFF88F

Tetradic

#948FF8

#F88FBF

#F3F88F

#8FF8C9

Color Blindness Simulation

Original

#948FF8

Protanopia

#9292DF

Deuteranopia

#9292D8

Tritanopia

#94CBC6

Achromatopsia

#989898

CSS Usage

background-color: #948FF8;
color: #948FF8;
border-color: #948FF8;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E0FB
200
#BFBCFB
300
#918CF8
400
#554DF4
500
#1A0FF0
600
#150CC0
700
#110A9A
800
#0D0878
900
#0E0A57
950
#090637

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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