#F306F9

#F306F9

Color Values

HEX

#F306F9

RGB

243, 6, 249

HSL

298.5, 95.3%, 50.0%

HSV

298.5, 97.6%, 97.6%

CMYK

2.4%, 97.6%, 0.0%, 2.4%

OKLCH

0.681 0.3135 327.0

Properties

Cool Light Nearest: magenta

Color Harmonies

Complementary

#F306F9

#0CF906

Analogous

#7906F9

#F90686

#F306F9

Triadic

#F306F9

#F9F306

#06F9F3

Split Complementary

#F306F9

#86F906

#06F979

Tetradic

#F306F9

#F97906

#0CF906

#0686F9

Color Blindness Simulation

Original

#F306F9

Protanopia

#8C8ABE

Deuteranopia

#9AACB0

Tritanopia

#E79086

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDFFC
200
#FCB9FD
300
#F987FC
400
#F647FB
500
#F306F9
600
#C205C7
700
#9B049F
800
#79037D
900
#58075A
950
#380439

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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