#912F86

#912F86

Color Values

HEX

#912F86

RGB

145, 47, 134

HSL

306.7, 51.0%, 37.6%

HSV

306.7, 67.6%, 56.9%

CMYK

0.0%, 67.6%, 7.6%, 43.1%

OKLCH

0.4824 0.1663 332.6

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#912F86

#2F913A

Analogous

#6B2F91

#912F55

#912F86

Triadic

#912F86

#86912F

#2F8691

Split Complementary

#912F86

#55912F

#2F916B

Tetradic

#912F86

#916B2F

#2F913A

#2F5591

Color Blindness Simulation

Original

#912F86

Protanopia

#676671

Deuteranopia

#6C746C

Tritanopia

#8C605D

Achromatopsia

#4A4A4A

CSS Usage

background-color: #912F86;
color: #912F86;
border-color: #912F86;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E1A3DA
400
#D171C6
500
#C13EB2
600
#9A328E
700
#7B2872
800
#601F59
900
#471A42
950
#2D112A

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

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