#C25549

#C25549

Color Values

HEX

#C25549

RGB

194, 85, 73

HSL

6.0, 49.8%, 52.4%

HSV

6.0, 62.4%, 76.1%

CMYK

0.0%, 56.2%, 62.4%, 23.9%

OKLCH

0.5856 0.1425 28.5

Properties

Warm Light Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#C25549

#49B6C2

Analogous

#C2497A

#C29249

#C25549

Triadic

#C25549

#49C255

#5549C2

Split Complementary

#C25549

#49C292

#497AC2

Tetradic

#C25549

#7AC249

#49B6C2

#9249C2

Color Blindness Simulation

Original

#C25549

Protanopia

#93924C

Deuteranopia

#99A14D

Tritanopia

#BD4E4F

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCDCA
300
#E0A9A3
400
#D07B72
500
#BF4D40
600
#993D33
700
#7A3129
800
#5F2620
900
#461F1B
950
#2C1411

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026