#F00F62

#F00F62

Color Values

HEX

#F00F62

RGB

240, 15, 98

HSL

337.9, 88.2%, 50.0%

HSV

337.9, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 59.2%, 5.9%

OKLCH

0.6135 0.2408 10.2

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F00F62

#0FF09D

Analogous

#F00FD2

#F02D0F

#F00F62

Triadic

#F00F62

#62F00F

#0F62F0

Split Complementary

#F00F62

#0FF02D

#0FD2F0

Tetradic

#F00F62

#D2F00F

#0FF09D

#2D0FF0

Color Blindness Simulation

Original

#F00F62

Protanopia

#8F8D4E

Deuteranopia

#9CAC49

Tritanopia

#E53E3B

Achromatopsia

#454545

CSS Usage

background-color: #F00F62;
color: #F00F62;
border-color: #F00F62;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F6
100
#FBE0EA
200
#FBBCD3
300
#F88CB4
400
#F44D8B
500
#F00F62
600
#C00C4E
700
#9A0A3F
800
#780831
900
#570A26
950
#370618

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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