#948FD9

#948FD9

Color Values

HEX

#948FD9

RGB

148, 143, 217

HSL

244.1, 49.3%, 70.6%

HSV

244.1, 34.1%, 85.1%

CMYK

31.8%, 34.1%, 0.0%, 14.9%

OKLCH

0.6836 0.1079 286.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#948FD9

#D4D98F

Analogous

#8FAFD9

#B98FD9

#948FD9

Triadic

#948FD9

#D9948F

#8FD994

Split Complementary

#948FD9

#D9B98F

#AFD98F

Tetradic

#948FD9

#D98FAF

#D4D98F

#8FD9B9

Color Blindness Simulation

Original

#948FD9

Protanopia

#9292C7

Deuteranopia

#9292C3

Tritanopia

#94B9B6

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CCCAED
300
#A8A4E0
400
#7872CF
500
#4941BE
600
#3B3498
700
#2F297A
800
#25205F
900
#1E1B46
950
#13112C

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026