#950F74

#950F74

Color Values

HEX

#950F74

RGB

149, 15, 116

HSL

314.8, 81.7%, 32.2%

HSV

314.8, 89.9%, 58.4%

CMYK

0.0%, 89.9%, 22.1%, 41.6%

OKLCH

0.4559 0.1875 341.5

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#950F74

#0F9530

Analogous

#730F95

#950F31

#950F74

Triadic

#950F74

#74950F

#0F7495

Split Complementary

#950F74

#31950F

#0F9573

Tetradic

#950F74

#95730F

#0F9530

#0F3195

Color Blindness Simulation

Original

#950F74

Protanopia

#5B5A5C

Deuteranopia

#636D56

Tritanopia

#8E4844

Achromatopsia

#333333

CSS Usage

background-color: #950F74;
color: #950F74;
border-color: #950F74;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF2FA
100
#FAE1F3
200
#F8BEEA
300
#F490DB
400
#EE54C8
500
#E817B4
600
#B91390
700
#940F73
800
#740C5A
900
#540D43
950
#35082A

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026