#C90348

#C90348

Color Values

HEX

#C90348

RGB

201, 3, 72

HSL

339.1, 97.1%, 40.0%

HSV

339.1, 98.5%, 78.8%

CMYK

0.0%, 98.5%, 64.2%, 21.2%

OKLCH

0.5332 0.2119 13.1

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C90348

#03C984

Analogous

#C903AB

#C92103

#C90348

Triadic

#C90348

#48C903

#0348C9

Split Complementary

#C90348

#03C921

#03ABC9

Tetradic

#C90348

#ABC903

#03C984

#2103C9

Color Blindness Simulation

Original

#C90348

Protanopia

#737237

Deuteranopia

#7F8E33

Tritanopia

#BF2A27

Achromatopsia

#323232

CSS Usage

background-color: #C90348;
color: #C90348;
border-color: #C90348;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FEF1F5
100
#FCDEE9
200
#FEB9D1
300
#FD86B0
400
#FC4585
500
#FB045A
600
#C90348
700
#A1023A
800
#7E022D
900
#5B0624
950
#390416

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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