#C27C84

#C27C84

Color Values

HEX

#C27C84

RGB

194, 124, 132

HSL

353.1, 36.5%, 62.4%

HSV

353.1, 36.1%, 76.1%

CMYK

0.0%, 36.1%, 32.0%, 23.9%

OKLCH

0.6616 0.0877 12.3

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C27C84

#7CC2BA

Analogous

#C27CA7

#C2977C

#C27C84

Triadic

#C27C84

#84C27C

#7C84C2

Split Complementary

#C27C84

#7CC297

#7CA7C2

Tetradic

#C27C84

#A7C27C

#7CC2BA

#977CC2

Color Blindness Simulation

Original

#C27C84

Protanopia

#A4A382

Deuteranopia

#A8AD82

Tritanopia

#BE8180

Achromatopsia

#8B8B8B

CSS Usage

background-color: #C27C84;
color: #C27C84;
border-color: #C27C84;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F3E8E9
200
#E8CED1
300
#D8ABB1
400
#C37E86
500
#AE515C
600
#8B4149
700
#6F343B
800
#57282E
900
#402124
950
#291517

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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