#F00F48

#F00F48

Color Values

HEX

#F00F48

RGB

240, 15, 72

HSL

344.8, 88.2%, 50.0%

HSV

344.8, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 70.0%, 5.9%

OKLCH

0.6085 0.2393 18.1

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#F00F48

#0FF0B7

Analogous

#F00FB8

#F0470F

#F00F48

Triadic

#F00F48

#48F00F

#0F48F0

Split Complementary

#F00F48

#0FF047

#0FB8F0

Tetradic

#F00F48

#B8F00F

#0FF0B7

#470FF0

Color Blindness Simulation

Original

#F00F48

Protanopia

#8F8D3A

Deuteranopia

#9CAC37

Tritanopia

#E52F2D

Achromatopsia

#434343

CSS Usage

background-color: #F00F48;
color: #F00F48;
border-color: #F00F48;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF2F5
100
#FBE0E7
200
#FBBCCC
300
#F88CA7
400
#F44D78
500
#F00F48
600
#C00C3A
700
#9A0A2E
800
#780824
900
#570A1D
950
#370613

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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