#950F36

#950F36

Color Values

HEX

#950F36

RGB

149, 15, 54

HSL

342.5, 81.7%, 32.2%

HSV

342.5, 89.9%, 58.4%

CMYK

0.0%, 89.9%, 63.8%, 41.6%

OKLCH

0.4331 0.164 13.0

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#950F36

#0F956E

Analogous

#950F79

#952B0F

#950F36

Triadic

#950F36

#36950F

#0F3695

Split Complementary

#950F36

#0F952B

#0F7995

Tetradic

#950F36

#79950F

#0F956E

#2B0F95

Color Blindness Simulation

Original

#950F36

Protanopia

#5B5A2D

Deuteranopia

#636D2A

Tritanopia

#8E2523

Achromatopsia

#2E2E2E

CSS Usage

background-color: #950F36;
color: #950F36;
border-color: #950F36;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FDF2F5
100
#FAE1E8
200
#F8BECF
300
#F490AD
400
#EE5481
500
#E81754
600
#B91343
700
#940F36
800
#740C2A
900
#540D22
950
#350815

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

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