#C477B5

#C477B5

Color Values

HEX

#C477B5

RGB

196, 119, 181

HSL

311.7, 39.5%, 61.8%

HSV

311.7, 39.3%, 76.9%

CMYK

0.0%, 39.3%, 7.7%, 23.1%

OKLCH

0.672 0.1248 334.3

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C477B5

#77C486

Analogous

#AD77C4

#C4778F

#C477B5

Triadic

#C477B5

#B5C477

#77B5C4

Split Complementary

#C477B5

#8FC477

#77C4AD

Tetradic

#C477B5

#C4AD77

#77C486

#778FC4

Color Blindness Simulation

Original

#C477B5

Protanopia

#A3A2A6

Deuteranopia

#A7ADA2

Tritanopia

#C09A98

Achromatopsia

#8C8C8C

CSS Usage

background-color: #C477B5;
color: #C477B5;
border-color: #C477B5;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#E9CDE4
300
#DAAAD1
400
#C67BB7
500
#B24D9E
600
#8E3E7F
700
#723165
800
#59274F
900
#421F3B
950
#291425

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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