#970299

#970299

Color Values

HEX

#970299

RGB

151, 2, 153

HSL

299,2, 97,4%, 30,4%

HSV

299,2, 98,7%, 60,0%

CMYK

1,3%, 98,7%, 0,0%, 40,0%

OKLCH

0,4765 0,2187 327,7

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#970299

#049902

Analogous

#4C0299

#990250

#970299

Triadic

#970299

#999702

#029997

Split Complementary

#970299

#509902

#02994C

Tetradic

#970299

#994C02

#049902

#025099

Color Blindness Simulation

Original

#970299

Protanopia

#565575

Deuteranopia

#5F6A6C

Tritanopia

#905851

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FDB9FE
300
#FC86FD
400
#FA45FD
500
#F803FC
600
#C703C9
700
#9F02A1
800
#7C027E
900
#5A065B
950
#390439

Contrast Checker

Text on white

7,54:1

AA Pass AAA Pass

Text on black

2,78:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026