#9F057F

#9F057F

Color Values

HEX

#9F057F

RGB

159, 5, 127

HSL

312.5, 93.9%, 32.2%

HSV

312.5, 96.9%, 62.4%

CMYK

0.0%, 96.9%, 20.1%, 37.6%

OKLCH

0.4757 0.2039 340.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#9F057F

#059F25

Analogous

#72059F

#9F0532

#9F057F

Triadic

#9F057F

#7F9F05

#057F9F

Split Complementary

#9F057F

#329F05

#059F72

Tetradic

#9F057F

#9F7205

#059F25

#05329F

Color Blindness Simulation

Original

#9F057F

Protanopia

#5C5B62

Deuteranopia

#65715A

Tritanopia

#974A45

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FDBAEF
300
#FB88E3
400
#F948D4
500
#F708C5
600
#C6069E
700
#9E057E
800
#7C0463
900
#590848
950
#38052E

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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