#C35F59

#C35F59

Color Values

HEX

#C35F59

RGB

195, 95, 89

HSL

3.4, 46.9%, 55.7%

HSV

3.4, 54.4%, 76.5%

CMYK

0.0%, 51.3%, 54.4%, 23.5%

OKLCH

0.6048 0.1293 25.1

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C35F59

#59BDC3

Analogous

#C35988

#C39459

#C35F59

Triadic

#C35F59

#59C35F

#5F59C3

Split Complementary

#C35F59

#59C394

#5988C3

Tetradic

#C35F59

#88C359

#59BDC3

#9459C3

Color Blindness Simulation

Original

#C35F59

Protanopia

#98975A

Deuteranopia

#9EA55B

Tritanopia

#BE5C5C

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCCCB
300
#DFA8A5
400
#CD7974
500
#BB4A44
600
#963C36
700
#78302B
800
#5E2522
900
#451E1C
950
#2C1312

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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