#C8374F

#C8374F

Color Values

HEX

#C8374F

RGB

200, 55, 79

HSL

350.1, 56.9%, 50.0%

HSV

350.1, 72.5%, 78.4%

CMYK

0.0%, 72.5%, 60.5%, 21.6%

OKLCH

0.5608 0.1807 16.1

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#C8374F

#37C8B0

Analogous

#C83797

#C86837

#C8374F

Triadic

#C8374F

#4FC837

#374FC8

Split Complementary

#C8374F

#37C868

#3797C8

Tetradic

#C8374F

#97C837

#37C8B0

#6837C8

Color Blindness Simulation

Original

#C8374F

Protanopia

#898849

Deuteranopia

#929C48

Tritanopia

#C14544

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F6E5E7
200
#F0C7CE
300
#E59FAA
400
#D66B7D
500
#C8374F
600
#A02C3F
700
#802332
800
#641B27
900
#491820
950
#2E0F14

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

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