#F57FFA

#F57FFA

Color Values

HEX

#F57FFA

RGB

245, 127, 250

HSL

297.6, 92.5%, 73.9%

HSV

297.6, 49.2%, 98.0%

CMYK

2.0%, 49.2%, 0.0%, 2.0%

OKLCH

0.7715 0.2057 325.8

Properties

Cool Light Nearest: Shocking Pink

Color Harmonies

Complementary

#F57FFA

#84FA7F

Analogous

#B87FFA

#FA7FC1

#F57FFA

Triadic

#F57FFA

#FAF57F

#7FFAF5

Split Complementary

#F57FFA

#C1FA7F

#7FFAB8

Tetradic

#F57FFA

#FAB87F

#84FA7F

#7FC1FA

Color Blindness Simulation

Original

#F57FFA

Protanopia

#C2C1DC

Deuteranopia

#C9D2D5

Tritanopia

#EFC5C0

Achromatopsia

#A1A1A1

CSS Usage

background-color: #F57FFA;
color: #F57FFA;
border-color: #F57FFA;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFC
300
#F689FA
400
#F149F8
500
#EC0AF5
600
#BD08C4
700
#97069D
800
#76057B
900
#560859
950
#360538

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.3:1

AA Pass AAA Pass

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