#951D89

#951D89

Color Values

HEX

#951D89

RGB

149, 29, 137

HSL

306.0, 67.4%, 34.9%

HSV

306.0, 80.5%, 58.4%

CMYK

0.0%, 80.5%, 8.1%, 41.6%

OKLCH

0.4748 0.1911 332.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#951D89

#1D9529

Analogous

#651D95

#951D4D

#951D89

Triadic

#951D89

#89951D

#1D8995

Split Complementary

#951D89

#4D951D

#1D9565

Tetradic

#951D89

#95651D

#1D9529

#1D4D95

Color Blindness Simulation

Original

#951D89

Protanopia

#61606F

Deuteranopia

#687169

Tritanopia

#8F5A56

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C3EF
300
#EB99E3
400
#E061D4
500
#D52AC4
600
#AB219D
700
#891B7E
800
#6B1562
900
#4E1348
950
#310C2D

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

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