#C6064F

#C6064F

Color Values

HEX

#C6064F

RGB

198, 6, 79

HSL

337.2, 94.1%, 40.0%

HSV

337.2, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 60.1%, 22.4%

OKLCH

0.5298 0.2095 10.2

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C6064F

#06C67D

Analogous

#C606AF

#C61D06

#C6064F

Triadic

#C6064F

#4FC606

#064FC6

Split Complementary

#C6064F

#06C61D

#06AFC6

Tetradic

#C6064F

#AFC606

#06C67D

#1D06C6

Color Blindness Simulation

Original

#C6064F

Protanopia

#73713D

Deuteranopia

#7E8C39

Tritanopia

#BC2F2C

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD3
300
#FB88B4
400
#F9488B
500
#F70863
600
#C6064F
700
#9E053F
800
#7C0431
900
#590727
950
#390518

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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