#F45BAF

#F45BAF

Color Values

HEX

#F45BAF

RGB

244, 91, 175

HSL

327,1, 87,4%, 65,7%

HSV

327,1, 62,7%, 95,7%

CMYK

0,0%, 62,7%, 28,3%, 4,3%

OKLCH

0,695 0,2046 349,8

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F45BAF

#5BF4A0

Analogous

#ED5BF4

#F45B62

#F45BAF

Triadic

#F45BAF

#AFF45B

#5BAFF4

Split Complementary

#F45BAF

#62F45B

#5BF4ED

Tetradic

#F45BAF

#F4ED5B

#5BF4A0

#5B62F4

Color Blindness Simulation

Original

#F45BAF

Protanopia

#B2B09B

Deuteranopia

#BBC696

Tritanopia

#EC8B87

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FBBCDE
300
#F78CC7
400
#F34EA9
500
#EF108A
600
#BF0D6F
700
#990A58
800
#770845
900
#570A34
950
#370721

Contrast Checker

Text on white

3,02:1

AA Fail AAA Fail

Text on black

6,96: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