#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026