#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026