#954FCE

#954FCE

Color Values

HEX

#954FCE

RGB

149, 79, 206

HSL

273.1, 56.4%, 55.9%

HSV

273.1, 61.7%, 80.8%

CMYK

27.7%, 61.7%, 0.0%, 19.2%

OKLCH

0.5702 0.1922 306.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#954FCE

#88CE4F

Analogous

#564FCE

#CE4FC7

#954FCE

Triadic

#954FCE

#CE954F

#4FCE95

Split Complementary

#954FCE

#C7CE4F

#4FCE56

Tetradic

#954FCE

#CE564F

#88CE4F

#4FC7CE

Color Blindness Simulation

Original

#954FCE

Protanopia

#7776AF

Deuteranopia

#7B80A8

Tritanopia

#919792

Achromatopsia

#676767

CSS Usage

background-color: #954FCE;
color: #954FCE;
border-color: #954FCE;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC7EF
300
#C59FE4
400
#A66BD6
500
#8738C7
600
#6C2CA0
700
#562480
800
#431C64
900
#331849
950
#200F2E

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail 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