#F05159

#F05159

Color Values

HEX

#F05159

RGB

240, 81, 89

HSL

357.0, 84.1%, 62.9%

HSV

357.0, 66.2%, 94.1%

CMYK

0.0%, 66.2%, 62.9%, 5.9%

OKLCH

0.6548 0.1946 21.5

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#F05159

#51F0E8

Analogous

#F051A8

#F09851

#F05159

Triadic

#F05159

#59F051

#5159F0

Split Complementary

#F05159

#51F098

#51A8F0

Tetradic

#F05159

#A8F051

#51F0E8

#9851F0

Color Blindness Simulation

Original

#F05159

Protanopia

#ABAA57

Deuteranopia

#B4C057

Tritanopia

#E85655

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E2
200
#F9BDC0
300
#F58E93
400
#F05159
500
#EB141F
600
#BC1019
700
#960D14
800
#750A0F
900
#550C0F
950
#36070A

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.03:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026