#97127F

#97127F

Color Values

HEX

#97127F

RGB

151, 18, 127

HSL

310.8, 78.7%, 33.1%

HSV

310.8, 88.1%, 59.2%

CMYK

0.0%, 88.1%, 15.9%, 40.8%

OKLCH

0.4664 0.1937 337.5

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#97127F

#12972A

Analogous

#6C1297

#97123C

#97127F

Triadic

#97127F

#7F9712

#127F97

Split Complementary

#97127F

#3C9712

#12976C

Tetradic

#97127F

#976C12

#12972A

#123C97

Color Blindness Simulation

Original

#97127F

Protanopia

#5D5C65

Deuteranopia

#656F5E

Tritanopia

#90504B

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E1F5
200
#F7BFED
300
#F292E1
400
#EB56D0
500
#E41BC0
600
#B61699
700
#92117B
800
#720E60
900
#530E46
950
#34092C

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

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