#F30CC8

#F30CC8

Color Values

HEX

#F30CC8

RGB

243, 12, 200

HSL

311.2, 90.6%, 50.0%

HSV

311.2, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 17.7%, 4.7%

OKLCH

0.655 0.2826 338.9

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F30CC8

#0CF337

Analogous

#AB0CF3

#F30C54

#F30CC8

Triadic

#F30CC8

#C8F30C

#0CC8F3

Split Complementary

#F30CC8

#54F30C

#0CF3AB

Tetradic

#F30CC8

#F3AB0C

#0CF337

#0C54F3

Color Blindness Simulation

Original

#F30CC8

Protanopia

#8F8D9B

Deuteranopia

#9CAE90

Tritanopia

#E7776F

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FCBBF0
300
#F98AE5
400
#F64BD6
500
#F30CC8
600
#C20AA0
700
#9C0880
800
#7A0664
900
#580949
950
#38062E

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026