#C60C30

#C60C30

Color Values

HEX

#C60C30

RGB

198, 12, 48

HSL

348.4, 88.6%, 41.2%

HSV

348.4, 93.9%, 77.6%

CMYK

0.0%, 93.9%, 75.8%, 22.4%

OKLCH

0.5256 0.2069 21.3

Properties

Warm Dark Nearest: NCS S 1080-R Pure Red

Color Harmonies

Complementary

#C60C30

#0CC6A2

Analogous

#C60C8D

#C6450C

#C60C30

Triadic

#C60C30

#30C60C

#0C30C6

Split Complementary

#C60C30

#0CC645

#0C8DC6

Tetradic

#C60C30

#8DC60C

#0CC6A2

#450CC6

Color Blindness Simulation

Original

#C60C30

Protanopia

#757427

Deuteranopia

#808E25

Tritanopia

#BD201F

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FBE0E5
200
#FBBCC8
300
#F88CA1
400
#F44D6D
500
#F00F3A
600
#C00C2F
700
#9A0925
800
#78071D
900
#570A19
950
#370610

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

3.5:1

AA Fail AAA Fail

Part of These Collections

Bauhaus

Red

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