#95348C

#95348C

Color Values

HEX

#95348C

RGB

149, 52, 140

HSL

305,6, 48,3%, 39,4%

HSV

305,6, 65,1%, 58,4%

CMYK

0,0%, 65,1%, 6,0%, 41,6%

OKLCH

0,497 0,1667 331,6

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#95348C

#34953D

Analogous

#6E3495

#95345B

#95348C

Triadic

#95348C

#8C9534

#348C95

Split Complementary

#95348C

#5B9534

#34956E

Tetradic

#95348C

#956E34

#34953D

#345B95

Color Blindness Simulation

Original

#95348C

Protanopia

#6B6A77

Deuteranopia

#717872

Tritanopia

#906662

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EDCAE9
300
#DFA4DA
400
#CE73C6
500
#BD42B2
600
#97358E
700
#792A72
800
#5F2159
900
#461B42
950
#2C1129

Contrast Checker

Text on white

6,67:1

AA Pass AAA Fail

Text on black

3,15:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026