#F30CF0

#F30CF0

Color Values

HEX

#F30CF0

RGB

243, 12, 240

HSL

300.8, 90.6%, 50.0%

HSV

300.8, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 1.2%, 4.7%

OKLCH

0.6765 0.3066 329.0

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F30CF0

#0CF30F

Analogous

#830CF3

#F30C7C

#F30CF0

Triadic

#F30CF0

#F0F30C

#0CF0F3

Split Complementary

#F30CF0

#7CF30C

#0CF383

Tetradic

#F30CF0

#F3830C

#0CF30F

#0C7CF3

Color Blindness Simulation

Original

#F30CF0

Protanopia

#8F8DB9

Deuteranopia

#9CAEAC

Tritanopia

#E78D84

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFB
300
#F98AF8
400
#F64BF4
500
#F30CF0
600
#C20AC0
700
#9C089A
800
#7A0678
900
#580957
950
#380637

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.12:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026