#C27C99

#C27C99

Color Values

HEX

#C27C99

RGB

194, 124, 153

HSL

335.1, 36.5%, 62.4%

HSV

335.1, 36.1%, 76.1%

CMYK

0.0%, 36.1%, 21.1%, 23.9%

OKLCH

0.6678 0.0942 353.5

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C27C99

#7CC2A5

Analogous

#C27CBC

#C2827C

#C27C99

Triadic

#C27C99

#99C27C

#7C99C2

Split Complementary

#C27C99

#7CC282

#7CBCC2

Tetradic

#C27C99

#BCC27C

#7CC2A5

#827CC2

Color Blindness Simulation

Original

#C27C99

Protanopia

#A4A392

Deuteranopia

#A8AD90

Tritanopia

#BE8C8B

Achromatopsia

#8D8D8D

CSS Usage

background-color: #C27C99;
color: #C27C99;
border-color: #C27C99;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CED9
300
#D8ABBE
400
#C37E9B
500
#AE5178
600
#8B4160
700
#6F344D
800
#57283C
900
#40212E
950
#29151D

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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