#FF30FC

#FF30FC

Color Values

HEX

#FF30FC

RGB

255, 48, 252

HSL

300.9, 100.0%, 59.4%

HSV

300.9, 81.2%, 100.0%

CMYK

0.0%, 81.2%, 1.2%, 0.0%

OKLCH

0.713 0.303 328.9

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#FF30FC

#30FF33

Analogous

#9B30FF

#FF3094

#FF30FC

Triadic

#FF30FC

#FCFF30

#30FCFF

Split Complementary

#FF30FC

#94FF30

#30FF9B

Tetradic

#FF30FC

#FF9B30

#30FF33

#3094FF

Color Blindness Simulation

Original

#FF30FC

Protanopia

#A5A4CB

Deuteranopia

#B1C1BF

Tritanopia

#F5A49B

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FFB8FE
300
#FF85FD
400
#FF42FC
500
#FF00FB
600
#CC00C9
700
#A300A1
800
#80007E
900
#5C055B
950
#3A0339

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.08:1

AA Pass AAA Pass

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