#FC93F5

#FC93F5

Color Values

HEX

#FC93F5

RGB

252, 147, 245

HSL

304.0, 94.6%, 78.2%

HSV

304.0, 41.7%, 98.8%

CMYK

0.0%, 41.7%, 2.8%, 1.2%

OKLCH

0.8054 0.1736 329.5

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FC93F5

#93FC9A

Analogous

#CE93FC

#FC93C0

#FC93F5

Triadic

#FC93F5

#F5FC93

#93F5FC

Split Complementary

#FC93F5

#C0FC93

#93FCCE

Tetradic

#FC93F5

#FCCE93

#93FC9A

#93C0FC

Color Blindness Simulation

Original

#FC93F5

Protanopia

#CFCEDD

Deuteranopia

#D5DCD8

Tritanopia

#F7CBC6

Achromatopsia

#B0B0B0

CSS Usage

background-color: #FC93F5;
color: #FC93F5;
border-color: #FC93F5;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FEF1FD
100
#FCDFFA
200
#FDBAF9
300
#FC88F4
400
#FA47EE
500
#F807E8
600
#C606BA
700
#9F0495
800
#7C0374
900
#5A0754
950
#390535

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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