#FC8CC8

#FC8CC8

Color Values

HEX

#FC8CC8

RGB

252, 140, 200

HSL

327.9, 94.9%, 76.9%

HSV

327.9, 44.4%, 98.8%

CMYK

0.0%, 44.4%, 20.6%, 1.2%

OKLCH

0.7781 0.1515 347.8

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#FC8CC8

#8CFCC0

Analogous

#F88CFC

#FC8C90

#FC8CC8

Triadic

#FC8CC8

#C8FC8C

#8CC8FC

Split Complementary

#FC8CC8

#90FC8C

#8CFCF8

Tetradic

#FC8CC8

#FCF88C

#8CFCC0

#8C90FC

Color Blindness Simulation

Original

#FC8CC8

Protanopia

#CBCBB9

Deuteranopia

#D2DAB6

Tritanopia

#F6AEAC

Achromatopsia

#A8A8A8

CSS Usage

background-color: #FC8CC8;
color: #FC8CC8;
border-color: #FC8CC8;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FDB9DE
300
#FC88C6
400
#FA47A7
500
#F80788
600
#C7056D
700
#9F0457
800
#7C0344
900
#5A0733
950
#390420

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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