#950295

#950295

Color Values

HEX

#950295

RGB

149, 2, 149

HSL

300,0, 97,4%, 29,6%

HSV

300,0, 98,7%, 58,4%

CMYK

0,0%, 98,7%, 0,0%, 41,6%

OKLCH

0,4706 0,2152 328,4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#950295

#029502

Analogous

#4B0295

#95024B

#950295

Triadic

#950295

#959502

#029595

Split Complementary

#950295

#4B9502

#02954B

Tetradic

#950295

#954B02

#029502

#024B95

Color Blindness Simulation

Original

#950295

Protanopia

#555471

Deuteranopia

#5E6969

Tritanopia

#8E554F

Achromatopsia

#2C2C2C

CSS Usage

background-color: #950295;
color: #950295;
border-color: #950295;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB9FE
300
#FD86FD
400
#FD45FD
500
#FC03FC
600
#C903C9
700
#A102A1
800
#7E027E
900
#5B065B
950
#390439

Contrast Checker

Text on white

7,72:1

AA Pass AAA Pass

Text on black

2,72:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026