#952195

#952195

Color Values

HEX

#952195

RGB

149, 33, 149

HSL

300.0, 63.7%, 35.7%

HSV

300.0, 77.9%, 58.4%

CMYK

0.0%, 77.9%, 0.0%, 41.6%

OKLCH

0.4847 0.1964 328.1

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#952195

#219521

Analogous

#5B2195

#95215B

#952195

Triadic

#952195

#959521

#219595

Split Complementary

#952195

#5B9521

#21955B

Tetradic

#952195

#955B21

#219521

#215B95

Color Blindness Simulation

Original

#952195

Protanopia

#636279

Deuteranopia

#6A7272

Tritanopia

#8F635E

Achromatopsia

#424242

CSS Usage

background-color: #952195;
color: #952195;
border-color: #952195;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF3FB
100
#F7E3F7
200
#F2C5F2
300
#E99BE9
400
#DD65DD
500
#D12ED1
600
#A725A7
700
#861E86
800
#681768
900
#4C154C
950
#300D30

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

2.93:1

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