#C25F56

#C25F56

Color Values

HEX

#C25F56

RGB

194, 95, 86

HSL

5.0, 47.0%, 54.9%

HSV

5.0, 55.7%, 76.1%

CMYK

0.0%, 51.0%, 55.7%, 23.9%

OKLCH

0.6028 0.1286 26.9

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C25F56

#56B9C2

Analogous

#C25683

#C29556

#C25F56

Triadic

#C25F56

#56C25F

#5F56C2

Split Complementary

#C25F56

#56C295

#5683C2

Tetradic

#C25F56

#83C256

#56B9C2

#9556C2

Color Blindness Simulation

Original

#C25F56

Protanopia

#979658

Deuteranopia

#9DA459

Tritanopia

#BD5A5A

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCDCB
300
#DFAAA5
400
#CD7C74
500
#BB4E44
600
#963E36
700
#78322B
800
#5E2722
900
#451F1C
950
#2C1412

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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