#970B9C

#970B9C

Color Values

HEX

#970B9C

RGB

151, 11, 156

HSL

297.9, 86.8%, 32.7%

HSV

297.9, 92.9%, 61.2%

CMYK

3.2%, 92.9%, 0.0%, 38.8%

OKLCH

0.4811 0.2173 326.6

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#970B9C

#109C0B

Analogous

#4E0B9C

#9C0B58

#970B9C

Triadic

#970B9C

#9C970B

#0B9C97

Split Complementary

#970B9C

#589C0B

#0B9C4E

Tetradic

#970B9C

#9C4E0B

#109C0B

#0B589C

Color Blindness Simulation

Original

#970B9C

Protanopia

#5A5979

Deuteranopia

#626D70

Tritanopia

#905D57

Achromatopsia

#333333

CSS Usage

background-color: #970B9C;
color: #970B9C;
border-color: #970B9C;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FD
100
#F9E0FA
200
#F8BCFA
300
#F38DF7
400
#ED4FF3
500
#E611EE
600
#B80DBF
700
#930B98
800
#730877
900
#540B56
950
#350737

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

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