#950E80

#950E80

Color Values

HEX

#950E80

RGB

149, 14, 128

HSL

309.3, 82.8%, 32.0%

HSV

309.3, 90.6%, 58.4%

CMYK

0.0%, 90.6%, 14.1%, 41.6%

OKLCH

0.4618 0.1957 336.4

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#950E80

#0E9523

Analogous

#670E95

#950E3D

#950E80

Triadic

#950E80

#80950E

#0E8095

Split Complementary

#950E80

#3D950E

#0E9567

Tetradic

#950E80

#95670E

#0E9523

#0E3D95

Color Blindness Simulation

Original

#950E80

Protanopia

#5B5964

Deuteranopia

#626C5E

Tritanopia

#8E4F4A

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F6
200
#F9BEF0
300
#F48FE5
400
#EF53D7
500
#E916C8
600
#BA12A0
700
#950E80
800
#750B64
900
#550C49
950
#35082E

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

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