#C5286A

#C5286A

Color Values

HEX

#C5286A

RGB

197, 40, 106

HSL

334.8, 66.2%, 46.5%

HSV

334.8, 79.7%, 77.3%

CMYK

0.0%, 79.7%, 46.2%, 22.7%

OKLCH

0.5503 0.1964 1.4

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#C5286A

#28C583

Analogous

#C528B9

#C53528

#C5286A

Triadic

#C5286A

#6AC528

#286AC5

Split Complementary

#C5286A

#28C535

#28B9C5

Tetradic

#C5286A

#B9C528

#28C583

#3528C5

Color Blindness Simulation

Original

#C5286A

Protanopia

#81805A

Deuteranopia

#8A9656

Tritanopia

#BD4D4B

Achromatopsia

#4E4E4E

CSS Usage

background-color: #C5286A;
color: #C5286A;
border-color: #C5286A;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C4D8
300
#EA99BB
400
#DF6297
500
#D42B72
600
#AA225B
700
#881C49
800
#6A1639
900
#4D142C
950
#310C1C

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail 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