#F15CAD

#F15CAD

Color Values

HEX

#F15CAD

RGB

241, 92, 173

HSL

327.4, 84.2%, 65.3%

HSV

327.4, 61.8%, 94.5%

CMYK

0.0%, 61.8%, 28.2%, 5.5%

OKLCH

0.691 0.1998 349.9

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F15CAD

#5CF1A0

Analogous

#EB5CF1

#F15C62

#F15CAD

Triadic

#F15CAD

#ADF15C

#5CADF1

Split Complementary

#F15CAD

#62F15C

#5CF1EB

Tetradic

#F15CAD

#F1EB5C

#5CF1A0

#5C62F1

Color Blindness Simulation

Original

#F15CAD

Protanopia

#B0AF99

Deuteranopia

#B9C495

Tritanopia

#EA8A87

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#F9BDDE
300
#F58EC6
400
#F051A8
500
#EB1489
600
#BC106D
700
#960D58
800
#750A44
900
#550C34
950
#360721

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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