#948CC2

#948CC2

Color Values

HEX

#948CC2

RGB

148, 140, 194

HSL

248.9, 30.7%, 65.5%

HSV

248.9, 27.8%, 76.1%

CMYK

23.7%, 27.8%, 0.0%, 23.9%

OKLCH

0.6671 0.0795 290.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#948CC2

#BAC28C

Analogous

#8C9FC2

#AF8CC2

#948CC2

Triadic

#948CC2

#C2948C

#8CC294

Split Complementary

#948CC2

#C2AF8C

#9FC28C

Tetradic

#948CC2

#C28C9F

#BAC28C

#8CC2AF

Color Blindness Simulation

Original

#948CC2

Protanopia

#9190B5

Deuteranopia

#9192B2

Tritanopia

#94ABA8

Achromatopsia

#929292

CSS Usage

background-color: #948CC2;
color: #948CC2;
border-color: #948CC2;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E6
300
#B5AFD5
400
#8C84BE
500
#6458A7
600
#504785
700
#40396B
800
#322C53
900
#27233E
950
#191627

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.79:1

AA Pass AAA Fail

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