#C00F63

#C00F63

Color Values

HEX

#C00F63

RGB

192, 15, 99

HSL

331.5, 85.5%, 40.6%

HSV

331.5, 92.2%, 75.3%

CMYK

0.0%, 92.2%, 48.4%, 24.7%

OKLCH

0.5265 0.2065 1.3

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#C00F63

#0FC06C

Analogous

#C00FBC

#C0130F

#C00F63

Triadic

#C00F63

#63C00F

#0F63C0

Split Complementary

#C00F63

#0FC013

#0FBCC0

Tetradic

#C00F63

#BCC00F

#0FC06C

#130FC0

Color Blindness Simulation

Original

#C00F63

Protanopia

#73724F

Deuteranopia

#7E8B4A

Tritanopia

#B73F3B

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDA
300
#F68DBF
400
#F1509D
500
#ED127A
600
#BD0F62
700
#970C4E
800
#76093D
900
#560B2F
950
#36071D

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

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