#C25450

#C25450

Color Values

HEX

#C25450

RGB

194, 84, 80

HSL

2.1, 48.3%, 53.7%

HSV

2.1, 58.8%, 76.1%

CMYK

0.0%, 56.7%, 58.8%, 23.9%

OKLCH

0.5855 0.1423 24.5

Properties

Warm Light Nearest: indianred

Color Harmonies

Complementary

#C25450

#50BEC2

Analogous

#C25085

#C28D50

#C25450

Triadic

#C25450

#50C254

#5450C2

Split Complementary

#C25450

#50C28D

#5085C2

Tetradic

#C25450

#85C250

#50BEC2

#8D50C2

Color Blindness Simulation

Original

#C25450

Protanopia

#929151

Deuteranopia

#99A151

Tritanopia

#BC5252

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#EDCBCA
300
#DFA6A4
400
#CE7673
500
#BD4642
600
#973835
700
#792D2A
800
#5F2321
900
#461D1B
950
#2C1211

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.68:1

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