#C00C4F

#C00C4F

Color Values

HEX

#C00C4F

RGB

192, 12, 79

HSL

337.7, 88.2%, 40.0%

HSV

337.7, 93.7%, 75.3%

CMYK

0.0%, 93.7%, 58.9%, 24.7%

OKLCH

0.5201 0.2032 9.4

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C00C4F

#0CC07D

Analogous

#C00CA9

#C0230C

#C00C4F

Triadic

#C00C4F

#4FC00C

#0C4FC0

Split Complementary

#C00C4F

#0CC023

#0CA9C0

Tetradic

#C00C4F

#A9C00C

#0CC07D

#230CC0

Color Blindness Simulation

Original

#C00C4F

Protanopia

#72703F

Deuteranopia

#7C8A3B

Tritanopia

#B7322F

Achromatopsia

#373737

CSS Usage

background-color: #C00C4F;
color: #C00C4F;
border-color: #C00C4F;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF2F6
100
#FBE0EA
200
#FBBCD3
300
#F88CB4
400
#F44D8B
500
#F00F63
600
#C00C4F
700
#9A0A3F
800
#780831
900
#570A27
950
#370618

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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