#FF00BA

#FF00BA

Color Values

HEX

#FF00BA

RGB

255, 0, 186

HSL

316,2, 100,0%, 50,0%

HSV

316,2, 100,0%, 100,0%

CMYK

0,0%, 100,0%, 27,1%, 0,0%

OKLCH

0,6663 0,2831 345,2

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FF00BA

#00FF45

Analogous

#C400FF

#FF003B

#FF00BA

Triadic

#FF00BA

#BAFF00

#00BAFF

Split Complementary

#FF00BA

#3BFF00

#00FFC4

Tetradic

#FF00BA

#FFC400

#00FF45

#003BFF

Color Blindness Simulation

Original

#FF00BA

Protanopia

#918E8D

Deuteranopia

#9FB282

Tritanopia

#F26962

Achromatopsia

#444444

CSS Usage

background-color: #FF00BA;
color: #FF00BA;
border-color: #FF00BA;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1FA
100
#FCDEF4
200
#FFB8EC
300
#FF85DE
400
#FF42CC
500
#FF00BA
600
#CC0095
700
#A30077
800
#80005D
900
#5C0545
950
#3A032B

Contrast Checker

Text on white

3,52:1

AA Fail AAA Fail

Text on black

5,96:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fev 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fev 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fev 20, 2026