#F30CE9

#F30CE9

Color Values

HEX

#F30CE9

RGB

243, 12, 233

HSL

302.6, 90.6%, 50.0%

HSV

302.6, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 4.1%, 4.7%

OKLCH

0.6725 0.3023 330.6

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F30CE9

#0CF316

Analogous

#8A0CF3

#F30C75

#F30CE9

Triadic

#F30CE9

#E9F30C

#0CE9F3

Split Complementary

#F30CE9

#75F30C

#0CF38A

Tetradic

#F30CE9

#F38A0C

#0CF316

#0C75F3

Color Blindness Simulation

Original

#F30CE9

Protanopia

#8F8DB4

Deuteranopia

#9CAEA7

Tritanopia

#E78980

Achromatopsia

#4D4D4D

CSS Usage

background-color: #F30CE9;
color: #F30CE9;
border-color: #F30CE9;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBF9
300
#F98AF4
400
#F64BEF
500
#F30CE9
600
#C20ABA
700
#9C0895
800
#7A0675
900
#580955
950
#380635

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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