#948CE7

#948CE7

Color Values

HEX

#948CE7

RGB

148, 140, 231

HSL

245.3, 65.5%, 72.7%

HSV

245.3, 39.4%, 90.6%

CMYK

35.9%, 39.4%, 0.0%, 9.4%

OKLCH

0.6848 0.132 286.4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#948CE7

#DFE78C

Analogous

#8CB1E7

#C18CE7

#948CE7

Triadic

#948CE7

#E7948C

#8CE794

Split Complementary

#948CE7

#E7C18C

#B1E78C

Tetradic

#948CE7

#E78CB1

#DFE78C

#8CE7C1

Color Blindness Simulation

Original

#948CE7

Protanopia

#9190D1

Deuteranopia

#9192CC

Tritanopia

#94C0BC

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C4F3
300
#A19AEA
400
#6E63DE
500
#3B2CD3
600
#2F23A9
700
#261C87
800
#1D166A
900
#19144D
950
#100D31

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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