#950E63

#950E63

Color Values

HEX

#950E63

RGB

149, 14, 99

HSL

322.2, 82.8%, 32.0%

HSV

322.2, 90.6%, 58.4%

CMYK

0.0%, 90.6%, 33.6%, 41.6%

OKLCH

0.4475 0.1785 349.5

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#950E63

#0E9540

Analogous

#840E95

#950E20

#950E63

Triadic

#950E63

#63950E

#0E6395

Split Complementary

#950E63

#20950E

#0E9584

Tetradic

#950E63

#95840E

#0E9540

#0E2095

Color Blindness Simulation

Original

#950E63

Protanopia

#5B594E

Deuteranopia

#626C4A

Tritanopia

#8E3E3B

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FAE1F0
200
#F9BEE3
300
#F48FCF
400
#EF53B5
500
#E9169B
600
#BA127C
700
#950E63
800
#750B4D
900
#550C3A
950
#350825

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

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