#FC75F3

#FC75F3

Color Values

HEX

#FC75F3

RGB

252, 117, 243

HSL

304,0, 95,7%, 72,4%

HSV

304,0, 53,6%, 98,8%

CMYK

0,0%, 53,6%, 3,6%, 1,2%

OKLCH

0,7641 0,219 330,1

Properties

Warm Light Nearest: Shocking Pink

Color Harmonies

Complementary

#FC75F3

#75FC7E

Analogous

#C275FC

#FC75B0

#FC75F3

Triadic

#FC75F3

#F3FC75

#75F3FC

Split Complementary

#FC75F3

#B0FC75

#75FCC2

Tetradic

#FC75F3

#FCC275

#75FC7E

#75B0FC

Color Blindness Simulation

Original

#FC75F3

Protanopia

#C2C0D5

Deuteranopia

#C9D3CD

Tritanopia

#F5BCB7

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFA
200
#FDB9F9
300
#FC87F5
400
#FB46EF
500
#FA05E9
600
#C804BB
700
#A00495
800
#7D0375
900
#5A0755
950
#390435

Contrast Checker

Text on white

2,34:1

AA Fail AAA Fail

Text on black

8,98: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