#948AAF

#948AAF

Color Values

HEX

#948AAF

RGB

148, 138, 175

HSL

256.2, 18.8%, 61.4%

HSV

256.2, 21.1%, 68.6%

CMYK

15.4%, 21.1%, 0.0%, 31.4%

OKLCH

0.6551 0.0554 297.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#948AAF

#A5AF8A

Analogous

#8A93AF

#A78AAF

#948AAF

Triadic

#948AAF

#AF948A

#8AAF94

Split Complementary

#948AAF

#AFA78A

#93AF8A

Tetradic

#948AAF

#AF8A93

#A5AF8A

#8AAFA7

Color Blindness Simulation

Original

#948AAF

Protanopia

#9090A6

Deuteranopia

#9091A4

Tritanopia

#949F9D

Achromatopsia

#8F8F8F

CSS Usage

background-color: #948AAF;
color: #948AAF;
border-color: #948AAF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D8D5E2
300
#BDB6CD
400
#988FB2
500
#746897
600
#5D5379
700
#4B4261
800
#3A344C
900
#2D2839
950
#1C1924

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

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