#C2778C

#C2778C

Color Values

HEX

#C2778C

RGB

194, 119, 140

HSL

343.2, 38.1%, 61.4%

HSV

343.2, 38.7%, 76.1%

CMYK

0.0%, 38.7%, 27.8%, 23.9%

OKLCH

0.6552 0.097 2.0

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C2778C

#77C2AD

Analogous

#C277B2

#C28877

#C2778C

Triadic

#C2778C

#8CC277

#778CC2

Split Complementary

#C2778C

#77C288

#77B2C2

Tetradic

#C2778C

#B2C277

#77C2AD

#8877C2

Color Blindness Simulation

Original

#C2778C

Protanopia

#A2A187

Deuteranopia

#A6AB86

Tritanopia

#BE8382

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CED5
300
#D9AAB8
400
#C57D91
500
#B04F6A
600
#8D3F55
700
#713344
800
#582735
900
#412029
950
#29141A

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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