#F00FC0

#F00FC0

Color Values

HEX

#F00FC0

RGB

240, 15, 192

HSL

312.8, 88.2%, 50.0%

HSV

312.8, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 20.0%, 5.9%

OKLCH

0.6468 0.276 340.4

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F00FC0

#0FF03F

Analogous

#AF0FF0

#F00F50

#F00FC0

Triadic

#F00FC0

#C0F00F

#0FC0F0

Split Complementary

#F00FC0

#50F00F

#0FF0AF

Tetradic

#F00FC0

#F0AF0F

#0FF03F

#0F50F0

Color Blindness Simulation

Original

#F00FC0

Protanopia

#8F8D95

Deuteranopia

#9CAC8B

Tritanopia

#E5736C

Achromatopsia

#4C4C4C

CSS Usage

background-color: #F00FC0;
color: #F00FC0;
border-color: #F00FC0;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FB
100
#FBE0F5
200
#FBBCED
300
#F88CE1
400
#F44DD0
500
#F00FC0
600
#C00C9A
700
#9A0A7B
800
#780860
900
#570A47
950
#37062D

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026