#F300FF

#F300FF

Color Values

HEX

#F300FF

RGB

243, 0, 255

HSL

297.2, 100.0%, 50.0%

HSV

297.2, 100.0%, 100.0%

CMYK

4.7%, 100.0%, 0.0%, 0.0%

OKLCH

0.6838 0.3185 325.7

Properties

Cool Light Nearest: magenta

Color Harmonies

Complementary

#F300FF

#0CFF00

Analogous

#7400FF

#FF008B

#F300FF

Triadic

#F300FF

#FFF300

#00FFF3

Split Complementary

#F300FF

#8BFF00

#00FF74

Tetradic

#F300FF

#FF7400

#0CFF00

#008BFF

Color Blindness Simulation

Original

#F300FF

Protanopia

#8A88C1

Deuteranopia

#98AAB2

Tritanopia

#E79186

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDEFC
200
#FCB8FF
300
#F985FF
400
#F642FF
500
#F300FF
600
#C200CC
700
#9C00A3
800
#7A0080
900
#58055C
950
#38033A

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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