#948FFC

#948FFC

Color Values

HEX

#948FFC

RGB

148, 143, 252

HSL

242.8, 94.8%, 77.5%

HSV

242.8, 43.3%, 98.8%

CMYK

41.3%, 43.3%, 0.0%, 1.2%

OKLCH

0.7018 0.1566 283.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#948FFC

#F7FC8F

Analogous

#8FC1FC

#CB8FFC

#948FFC

Triadic

#948FFC

#FC948F

#8FFC94

Split Complementary

#948FFC

#FCCB8F

#C1FC8F

Tetradic

#948FFC

#FC8FC1

#F7FC8F

#8FFCCB

Color Blindness Simulation

Original

#948FFC

Protanopia

#9292E2

Deuteranopia

#9292DB

Tritanopia

#94CDC8

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E0DFFC
200
#BDB9FD
300
#8D88FC
400
#5047FA
500
#1207F8
600
#0E05C7
700
#0B049F
800
#09037C
900
#0B075A
950
#070439

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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