#F83CFF

#F83CFF

Color Values

HEX

#F83CFF

RGB

248, 60, 255

HSL

297.8, 100.0%, 61.8%

HSV

297.8, 76.5%, 100.0%

CMYK

2.7%, 76.5%, 0.0%, 0.0%

OKLCH

0.7114 0.2933 326.5

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#F83CFF

#43FF3C

Analogous

#963CFF

#FF3CA5

#F83CFF

Triadic

#F83CFF

#FFF83C

#3CFFF8

Split Complementary

#F83CFF

#A5FF3C

#3CFF96

Tetradic

#F83CFF

#FF963C

#43FF3C

#3CA5FF

Color Blindness Simulation

Original

#F83CFF

Protanopia

#A7A5D0

Deuteranopia

#B2C0C4

Tritanopia

#EFABA2

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDEFC
200
#FCB8FF
300
#FB85FF
400
#F842FF
500
#F600FF
600
#C500CC
700
#9D00A3
800
#7B0080
900
#59055C
950
#38033A

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