#C14F48

#C14F48

Color Values

HEX

#C14F48

RGB

193, 79, 72

HSL

3.5, 49.4%, 52.0%

HSV

3.5, 62.7%, 75.7%

CMYK

0.0%, 59.1%, 62.7%, 24.3%

OKLCH

0.5756 0.1481 26.3

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#C14F48

#48BAC1

Analogous

#C1487E

#C18C48

#C14F48

Triadic

#C14F48

#48C14F

#4F48C1

Split Complementary

#C14F48

#48C18C

#487EC1

Tetradic

#C14F48

#7EC148

#48BAC1

#8C48C1

Color Blindness Simulation

Original

#C14F48

Protanopia

#908F4A

Deuteranopia

#969F4A

Tritanopia

#BB4B4B

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCCCA
300
#E0A7A4
400
#CF7772
500
#BE4841
600
#983934
700
#7A2E29
800
#5F2420
900
#461D1B
950
#2C1311

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

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