#C02C30

#C02C30

Color Values

HEX

#C02C30

RGB

192, 44, 48

HSL

358.4, 62.7%, 46.3%

HSV

358.4, 77.1%, 75.3%

CMYK

0.0%, 77.1%, 75.0%, 24.7%

OKLCH

0.5318 0.1842 24.9

Properties

Warm Dark Nearest: RAL 3028 Pure Red

Color Harmonies

Complementary

#C02C30

#2CC0BC

Analogous

#C02C7A

#C0722C

#C02C30

Triadic

#C02C30

#30C02C

#2C30C0

Split Complementary

#C02C30

#2CC072

#2C7AC0

Tetradic

#C02C30

#7AC02C

#2CC0BC

#722CC0

Color Blindness Simulation

Original

#C02C30

Protanopia

#807F2F

Deuteranopia

#88942F

Tritanopia

#B92E2E

Achromatopsia

#4C4C4C

CSS Usage

background-color: #C02C30;
color: #C02C30;
border-color: #C02C30;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F2C5C6
300
#E89B9D
400
#DC6569
500
#CF3034
600
#A62629
700
#851E21
800
#68181A
900
#4C1517
950
#300D0E

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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