#95348A

#95348A

Color Values

HEX

#95348A

RGB

149, 52, 138

HSL

306.8, 48.3%, 39.4%

HSV

306.8, 65.1%, 58.4%

CMYK

0.0%, 65.1%, 7.4%, 41.6%

OKLCH

0.496 0.1651 332.5

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#95348A

#34953F

Analogous

#6F3495

#953459

#95348A

Triadic

#95348A

#8A9534

#348A95

Split Complementary

#95348A

#599534

#34956F

Tetradic

#95348A

#956F34

#34953F

#345995

Color Blindness Simulation

Original

#95348A

Protanopia

#6B6A75

Deuteranopia

#717870

Tritanopia

#906561

Achromatopsia

#4F4F4F

CSS Usage

background-color: #95348A;
color: #95348A;
border-color: #95348A;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EDCAE9
300
#DFA4D9
400
#CE73C4
500
#BD42AF
600
#97358C
700
#792A70
800
#5F2158
900
#461B41
950
#2C1129

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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