#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026