#970EB7

#970EB7

Color Values

HEX

#970EB7

RGB

151, 14, 183

HSL

288.6, 85.8%, 38.6%

HSV

288.6, 92.3%, 71.8%

CMYK

17.5%, 92.3%, 0.0%, 28.2%

OKLCH

0.5009 0.2358 318.0

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#970EB7

#2EB70E

Analogous

#420EB7

#B70E83

#970EB7

Triadic

#970EB7

#B7970E

#0EB797

Split Complementary

#970EB7

#83B70E

#0EB742

Tetradic

#970EB7

#B7420E

#2EB70E

#0E83B7

Color Blindness Simulation

Original

#970EB7

Protanopia

#5C5A8E

Deuteranopia

#646E84

Tritanopia

#906E67

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F5E0FA
200
#EEBDFA
300
#E28DF6
400
#D350F2
500
#C312ED
600
#9C0EBE
700
#7D0C98
800
#620976
900
#480B56
950
#2D0736

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026