#C509D0

#C509D0

Color Values

HEX

#C509D0

RGB

197, 9, 208

HSL

296.7, 91.7%, 42.5%

HSV

296.7, 95.7%, 81.6%

CMYK

5.3%, 95.7%, 0.0%, 18.4%

OKLCH

0.5865 0.2704 325.4

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C509D0

#14D009

Analogous

#6109D0

#D00977

#C509D0

Triadic

#C509D0

#D0C509

#09D0C5

Split Complementary

#C509D0

#77D009

#09D061

Tetradic

#C509D0

#D06109

#14D009

#0977D0

Color Blindness Simulation

Original

#C509D0

Protanopia

#7472A0

Deuteranopia

#7E8D94

Tritanopia

#BC7A71

Achromatopsia

#3F3F3F

CSS Usage

background-color: #C509D0;
color: #C509D0;
border-color: #C509D0;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#F8BBFC
300
#F48AFA
400
#EE4AF7
500
#E80BF4
600
#B908C4
700
#94079C
800
#74057A
900
#540858
950
#350538

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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