#F30CC5

#F30CC5

Color Values

HEX

#F30CC5

RGB

243, 12, 197

HSL

311.9, 90.6%, 50.0%

HSV

311.9, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 18.9%, 4.7%

OKLCH

0.6535 0.2809 339.7

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F30CC5

#0CF33A

Analogous

#AD0CF3

#F30C52

#F30CC5

Triadic

#F30CC5

#C5F30C

#0CC5F3

Split Complementary

#F30CC5

#52F30C

#0CF3AD

Tetradic

#F30CC5

#F3AD0C

#0CF33A

#0C52F3

Color Blindness Simulation

Original

#F30CC5

Protanopia

#8F8D98

Deuteranopia

#9CAE8D

Tritanopia

#E7756D

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FCBBEF
300
#F98AE3
400
#F64BD4
500
#F30CC5
600
#C20A9E
700
#9C087E
800
#7A0663
900
#580948
950
#38062E

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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