#F05197

#F05197

Color Values

HEX

#F05197

RGB

240, 81, 151

HSL

333.6, 84.1%, 62.9%

HSV

333.6, 66.2%, 94.1%

CMYK

0.0%, 66.2%, 37.1%, 5.9%

OKLCH

0.6702 0.2035 357.0

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F05197

#51F0AA

Analogous

#F051E6

#F05A51

#F05197

Triadic

#F05197

#97F051

#5197F0

Split Complementary

#F05197

#51F05A

#51E6F0

Tetradic

#F05197

#E6F051

#51F0AA

#5A51F0

Color Blindness Simulation

Original

#F05197

Protanopia

#ABAA86

Deuteranopia

#B4C082

Tritanopia

#E87976

Achromatopsia

#787878

CSS Usage

background-color: #F05197;
color: #F05197;
border-color: #F05197;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#F9BDD8
300
#F58EBC
400
#F05197
500
#EB1473
600
#BC105C
700
#960D49
800
#750A39
900
#550C2C
950
#36071C

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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