#F00CF3

#F00CF3

Color Values

HEX

#F00CF3

RGB

240, 12, 243

HSL

299.2, 90.6%, 50.0%

HSV

299.2, 95.1%, 95.3%

CMYK

1.2%, 95.1%, 0.0%, 4.7%

OKLCH

0.6738 0.3075 327.7

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#F00CF3

#0FF30C

Analogous

#7C0CF3

#F30C83

#F00CF3

Triadic

#F00CF3

#F3F00C

#0CF3F0

Split Complementary

#F00CF3

#83F30C

#0CF37C

Tetradic

#F00CF3

#F37C0C

#0FF30C

#0C83F3

Color Blindness Simulation

Original

#F00CF3

Protanopia

#8D8BBB

Deuteranopia

#9AACAE

Tritanopia

#E58F85

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBBFC
300
#F88AF9
400
#F44BF6
500
#F00CF3
600
#C00AC2
700
#9A089C
800
#78067A
900
#570958
950
#370638

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026