#C62529

#C62529

Color Values

HEX

#C62529

RGB

198, 37, 41

HSL

358,5, 68,5%, 46,1%

HSV

358,5, 81,3%, 77,6%

CMYK

0,0%, 81,3%, 79,3%, 22,4%

OKLCH

0,5366 0,1956 26,0

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#C62529

#25C6C2

Analogous

#C6257A

#C67225

#C62529

Triadic

#C62529

#29C625

#2529C6

Split Complementary

#C62529

#25C672

#257AC6

Tetradic

#C62529

#7AC625

#25C6C2

#7225C6

Color Blindness Simulation

Original

#C62529

Protanopia

#807F28

Deuteranopia

#8A9628

Tritanopia

#BE2727

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C3C4
300
#EC989A
400
#E16063
500
#D7282D
600
#AC2024
700
#891A1C
800
#6B1416
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

5,68:1

AA Pass AAA Fail

Text on black

3,7: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