#C6362B

#C6362B

Color Values

HEX

#C6362B

RGB

198, 54, 43

HSL

4.3, 64.3%, 47.3%

HSV

4.3, 78.3%, 77.6%

CMYK

0.0%, 72.7%, 78.3%, 22.4%

OKLCH

0.5507 0.1827 28.8

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#C6362B

#2BBBC6

Analogous

#C62B6D

#C6842B

#C6362B

Triadic

#C6362B

#2BC636

#362BC6

Split Complementary

#C6362B

#2BC684

#2B6DC6

Tetradic

#C6362B

#6DC62B

#2BBBC6

#842BC6

Color Blindness Simulation

Original

#C6362B

Protanopia

#88862E

Deuteranopia

#909B2E

Tritanopia

#BF3030

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F2C8C4
300
#E9A09A
400
#DD6D64
500
#D1392E
600
#A82E24
700
#86251D
800
#691D17
900
#4C1814
950
#300F0D

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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