#F00FBA

#F00FBA

Color Values

HEX

#F00FBA

RGB

240, 15, 186

HSL

314.4, 88.2%, 50.0%

HSV

314.4, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 22.5%, 5.9%

OKLCH

0.644 0.2727 342.1

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F00FBA

#0FF045

Analogous

#B50FF0

#F00F4A

#F00FBA

Triadic

#F00FBA

#BAF00F

#0FBAF0

Split Complementary

#F00FBA

#4AF00F

#0FF0B5

Tetradic

#F00FBA

#F0B50F

#0FF045

#0F4AF0

Color Blindness Simulation

Original

#F00FBA

Protanopia

#8F8D91

Deuteranopia

#9CAC87

Tritanopia

#E57069

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F4
200
#FBBCEC
300
#F88CDE
400
#F44DCC
500
#F00FBA
600
#C00C95
700
#9A0A77
800
#78085D
900
#570A44
950
#37062B

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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