#FC88F4

#FC88F4

Color Values

HEX

#FC88F4

RGB

252, 136, 244

HSL

304.1, 95.1%, 76.1%

HSV

304.1, 46.0%, 98.8%

CMYK

0.0%, 46.0%, 3.2%, 1.2%

OKLCH

0.7893 0.1906 329.8

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FC88F4

#88FC90

Analogous

#CA88FC

#FC88BA

#FC88F4

Triadic

#FC88F4

#F4FC88

#88F4FC

Split Complementary

#FC88F4

#BAFC88

#88FCCA

Tetradic

#FC88F4

#FCCA88

#88FC90

#88BAFC

Color Blindness Simulation

Original

#FC88F4

Protanopia

#CAC9DA

Deuteranopia

#D0D9D4

Tritanopia

#F6C5C1

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFA
200
#FDB9F9
300
#FC88F4
400
#FA47EE
500
#F906E8
600
#C705BA
700
#9F0495
800
#7C0374
900
#5A0754
950
#390435

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

9.97:1

AA Pass AAA Pass

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