#950F64

#950F64

Color Values

HEX

#950F64

RGB

149, 15, 100

HSL

321.9, 81.7%, 32.2%

HSV

321.9, 89.9%, 58.4%

CMYK

0.0%, 89.9%, 32.9%, 41.6%

OKLCH

0.4483 0.1785 349.0

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#950F64

#0F9540

Analogous

#830F95

#950F21

#950F64

Triadic

#950F64

#64950F

#0F6495

Split Complementary

#950F64

#21950F

#0F9583

Tetradic

#950F64

#95830F

#0F9540

#0F2195

Color Blindness Simulation

Original

#950F64

Protanopia

#5B5A4F

Deuteranopia

#636D4A

Tritanopia

#8E3F3C

Achromatopsia

#323232

CSS Usage

background-color: #950F64;
color: #950F64;
border-color: #950F64;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FDF2F9
100
#FAE1F0
200
#F8BEE3
300
#F490CF
400
#EE54B5
500
#E8179C
600
#B9137D
700
#940F64
800
#740C4E
900
#540D3A
950
#350825

Contrast Checker

Text on white

8.3:1

AA Pass AAA Pass

Text on black

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