#947CBA

#947CBA

Color Values

HEX

#947CBA

RGB

148, 124, 186

HSL

263.2, 31.0%, 60.8%

HSV

263.2, 33.3%, 72.9%

CMYK

20.4%, 33.3%, 0.0%, 27.1%

OKLCH

0.6323 0.0946 301.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#947CBA

#A2BA7C

Analogous

#7C83BA

#B37CBA

#947CBA

Triadic

#947CBA

#BA947C

#7CBA94

Split Complementary

#947CBA

#BAB37C

#83BA7C

Tetradic

#947CBA

#BA7C83

#A2BA7C

#7CBAB3

Color Blindness Simulation

Original

#947CBA

Protanopia

#8A89AB

Deuteranopia

#8B8DA7

Tritanopia

#939F9D

Achromatopsia

#868686

CSS Usage

background-color: #947CBA;
color: #947CBA;
border-color: #947CBA;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E6
300
#BDAFD5
400
#9A83BE
500
#7758A7
600
#5F4686
700
#4C386B
800
#3B2C54
900
#2D233E
950
#1D1627

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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