#C30997

#C30997

Color Values

HEX

#C30997

RGB

195, 9, 151

HSL

314.2, 91.2%, 40.0%

HSV

314.2, 95.4%, 76.5%

CMYK

0.0%, 95.4%, 22.6%, 23.5%

OKLCH

0.551 0.2338 341.9

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C30997

#09C335

Analogous

#9209C3

#C3093A

#C30997

Triadic

#C30997

#97C309

#0997C3

Split Complementary

#C30997

#3AC309

#09C392

Tetradic

#C30997

#C39209

#09C335

#093AC3

Color Blindness Simulation

Original

#C30997

Protanopia

#727175

Deuteranopia

#7D8B6C

Tritanopia

#BA5954

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FCBBEC
300
#FA8ADF
400
#F74BCE
500
#F40BBD
600
#C30997
700
#9C0779
800
#7A065E
900
#580945
950
#38052C

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026