#950F75

#950F75

Color Values

HEX

#950F75

RGB

149, 15, 117

HSL

314.3, 81.7%, 32.2%

HSV

314.3, 89.9%, 58.4%

CMYK

0.0%, 89.9%, 21.5%, 41.6%

OKLCH

0.4564 0.1881 341.1

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#950F75

#0F952F

Analogous

#720F95

#950F32

#950F75

Triadic

#950F75

#75950F

#0F7595

Split Complementary

#950F75

#32950F

#0F9572

Tetradic

#950F75

#95720F

#0F952F

#0F3295

Color Blindness Simulation

Original

#950F75

Protanopia

#5B5A5C

Deuteranopia

#636D56

Tritanopia

#8E4945

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE1F4
200
#F8BEEB
300
#F490DC
400
#EE54C9
500
#E817B6
600
#B91392
700
#940F74
800
#740C5B
900
#540D43
950
#35082A

Contrast Checker

Text on white

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