#C4084D

#C4084D

Color Values

HEX

#C4084D

RGB

196, 8, 77

HSL

338.0, 92.2%, 40.0%

HSV

338.0, 95.9%, 76.9%

CMYK

0.0%, 95.9%, 60.7%, 23.1%

OKLCH

0.5261 0.2072 10.7

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C4084D

#08C47F

Analogous

#C408AB

#C42108

#C4084D

Triadic

#C4084D

#4DC408

#084DC4

Split Complementary

#C4084D

#08C421

#08ABC4

Tetradic

#C4084D

#ABC408

#08C47F

#2108C4

Color Blindness Simulation

Original

#C4084D

Protanopia

#73713C

Deuteranopia

#7E8C38

Tritanopia

#BB2F2C

Achromatopsia

#353535

CSS Usage

background-color: #C4084D;
color: #C4084D;
border-color: #C4084D;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FDF1F6
100
#FBDFE9
200
#FCBAD3
300
#FA89B3
400
#F84A89
500
#F50A60
600
#C4084D
700
#9D063E
800
#7B0530
900
#590826
950
#380518

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

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