#C23F3F

#C23F3F

Color Values

HEX

#C23F3F

RGB

194, 63, 63

HSL

0.0, 51.8%, 50.4%

HSV

0.0, 67.5%, 76.1%

CMYK

0.0%, 67.5%, 67.5%, 23.9%

OKLCH

0.5559 0.1675 24.4

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#C23F3F

#3FC2C2

Analogous

#C23F81

#C2813F

#C23F3F

Triadic

#C23F3F

#3FC23F

#3F3FC2

Split Complementary

#C23F3F

#3FC281

#3F81C2

Tetradic

#C23F3F

#81C23F

#3FC2C2

#813FC2

Color Blindness Simulation

Original

#C23F3F

Protanopia

#89883F

Deuteranopia

#919B3F

Tritanopia

#BB3F3F

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E5
200
#EEC9C9
300
#E2A2A2
400
#D27070
500
#C23D3D
600
#9B3131
700
#7C2727
800
#611F1F
900
#471A1A
950
#2D1010

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026