#948ABF

#948ABF

Color Values

HEX

#948ABF

RGB

148, 138, 191

HSL

251.3, 29.3%, 64.5%

HSV

251.3, 27.7%, 74.9%

CMYK

22.5%, 27.7%, 0.0%, 25.1%

OKLCH

0.6618 0.0784 292.8

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#948ABF

#B5BF8A

Analogous

#8A9ABF

#AE8ABF

#948ABF

Triadic

#948ABF

#BF948A

#8ABF94

Split Complementary

#948ABF

#BFAE8A

#9ABF8A

Tetradic

#948ABF

#BF8A9A

#B5BF8A

#8ABFAE

Color Blindness Simulation

Original

#948ABF

Protanopia

#9090B2

Deuteranopia

#9091AF

Tritanopia

#94A8A6

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D5D1E6
300
#B7B0D4
400
#8F85BC
500
#685AA5
600
#534884
700
#433A6A
800
#342D52
900
#28243D
950
#1A1727

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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