#F40B4F

#F40B4F

Color Values

HEX

#F40B4F

RGB

244, 11, 79

HSL

342.5, 91.4%, 50.0%

HSV

342.5, 95.5%, 95.7%

CMYK

0.0%, 95.5%, 67.6%, 4.3%

OKLCH

0.6161 0.2434 16.4

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#F40B4F

#0BF4B0

Analogous

#F40BC3

#F43C0B

#F40B4F

Triadic

#F40B4F

#4FF40B

#0B4FF4

Split Complementary

#F40B4F

#0BF43C

#0BC3F4

Tetradic

#F40B4F

#C3F40B

#0BF4B0

#3C0BF4

Color Blindness Simulation

Original

#F40B4F

Protanopia

#8F8D3F

Deuteranopia

#9DAE3B

Tritanopia

#E8322F

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF1F5
100
#FBDFE7
200
#FCBBCE
300
#FA8AAA
400
#F74A7D
500
#F40B4F
600
#C3093F
700
#9C0733
800
#7A0527
900
#580920
950
#380514

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026