#FC77F8

#FC77F8

Color Values

HEX

#FC77F8

RGB

252, 119, 248

HSL

301.8, 95.7%, 72.7%

HSV

301.8, 52.8%, 98.8%

CMYK

0.0%, 52.8%, 1.6%, 1.2%

OKLCH

0.7689 0.2201 328.6

Properties

Warm Light Nearest: Shocking Pink

Color Harmonies

Complementary

#FC77F8

#77FC7B

Analogous

#BD77FC

#FC77B5

#FC77F8

Triadic

#FC77F8

#F8FC77

#77F8FC

Split Complementary

#FC77F8

#B5FC77

#77FCBD

Tetradic

#FC77F8

#FCBD77

#77FC7B

#77B5FC

Color Blindness Simulation

Original

#FC77F8

Protanopia

#C2C1D9

Deuteranopia

#CAD4D1

Tritanopia

#F5C0BB

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FDB9FB
300
#FC87F9
400
#FB46F6
500
#FA05F2
600
#C804C2
700
#A0049B
800
#7D0379
900
#5A0758
950
#390437

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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