#950F35

#950F35

Color Values

HEX

#950F35

RGB

149, 15, 53

HSL

343,0, 81,7%, 32,2%

HSV

343,0, 89,9%, 58,4%

CMYK

0,0%, 89,9%, 64,4%, 41,6%

OKLCH

0,4329 0,164 13,5

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#950F35

#0F956F

Analogous

#950F78

#952C0F

#950F35

Triadic

#950F35

#35950F

#0F3595

Split Complementary

#950F35

#0F952C

#0F7895

Tetradic

#950F35

#78950F

#0F956F

#2C0F95

Color Blindness Simulation

Original

#950F35

Protanopia

#5B5A2C

Deuteranopia

#636D2A

Tritanopia

#8E2523

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FAE1E8
200
#F8BECF
300
#F490AC
400
#EE547F
500
#E81752
600
#B91342
700
#940F35
800
#740C29
900
#540D21
950
#350815

Contrast Checker

Text on white

8,76:1

AA Pass AAA Pass

Text on black

2,4: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