#C06363

#C06363

Color Values

HEX

#C06363

RGB

192, 99, 99

HSL

0.0, 42.5%, 57.1%

HSV

0.0, 48.4%, 75.3%

CMYK

0.0%, 48.4%, 48.4%, 24.7%

OKLCH

0.6089 0.1194 21.2

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C06363

#63C0C0

Analogous

#C06392

#C09263

#C06363

Triadic

#C06363

#63C063

#6363C0

Split Complementary

#C06363

#63C092

#6392C0

Tetradic

#C06363

#92C063

#63C0C0

#9263C0

Color Blindness Simulation

Original

#C06363

Protanopia

#989763

Deuteranopia

#9DA463

Tritanopia

#BB6363

Achromatopsia

#777777

CSS Usage

background-color: #C06363;
color: #C06363;
border-color: #C06363;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EACCCC
300
#DCA8A8
400
#C97979
500
#B64949
600
#913B3B
700
#742F2F
800
#5B2525
900
#431E1E
950
#2A1313

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

AA Pass 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