#F0517F

#F0517F

Color Values

HEX

#F0517F

RGB

240, 81, 127

HSL

342.6, 84.1%, 62.9%

HSV

342.6, 66.2%, 94.1%

CMYK

0.0%, 66.2%, 47.1%, 5.9%

OKLCH

0.6631 0.1966 6.7

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F0517F

#51F0C2

Analogous

#F051CF

#F07251

#F0517F

Triadic

#F0517F

#7FF051

#517FF0

Split Complementary

#F0517F

#51F072

#51CFF0

Tetradic

#F0517F

#CFF051

#51F0C2

#7251F0

Color Blindness Simulation

Original

#F0517F

Protanopia

#ABAA74

Deuteranopia

#B4C071

Tritanopia

#E86B69

Achromatopsia

#767676

CSS Usage

background-color: #F0517F;
color: #F0517F;
border-color: #F0517F;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F5
100
#FAE0E8
200
#F9BDCF
300
#F58EAC
400
#F0517F
500
#EB1452
600
#BC1042
700
#960D35
800
#750A29
900
#550C21
950
#360715

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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