#C35546

#C35546

Color Values

HEX

#C35546

RGB

195, 85, 70

HSL

7,2, 51,0%, 52,0%

HSV

7,2, 64,1%, 76,5%

CMYK

0,0%, 56,4%, 64,1%, 23,5%

OKLCH

0,5866 0,1443 29,9

Properties

Warm Light Nearest: coral 3

Color Harmonies

Complementary

#C35546

#46B4C3

Analogous

#C34676

#C39446

#C35546

Triadic

#C35546

#46C355

#5546C3

Split Complementary

#C35546

#46C394

#4676C3

Tetradic

#C35546

#76C346

#46B4C3

#9446C3

Color Blindness Simulation

Original

#C35546

Protanopia

#93924A

Deuteranopia

#9AA24A

Tritanopia

#BE4C4D

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EECDC9
300
#E1AAA3
400
#D17C71
500
#C14E3E
600
#9A3E32
700
#7B3228
800
#60271F
900
#47201A
950
#2D1411

Contrast Checker

Text on white

4,46:1

AA Fail AAA Fail

Text on black

4,71: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