#FC8FD0

#FC8FD0

Color Values

HEX

#FC8FD0

RGB

252, 143, 208

HSL

324,2, 94,8%, 77,5%

HSV

324,2, 43,3%, 98,8%

CMYK

0,0%, 43,3%, 17,5%, 1,2%

OKLCH

0,7853 0,1515 344,5

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#FC8FD0

#8FFCBB

Analogous

#F28FFC

#FC8F9A

#FC8FD0

Triadic

#FC8FD0

#D0FC8F

#8FD0FC

Split Complementary

#FC8FD0

#9AFC8F

#8FFCF2

Tetradic

#FC8FD0

#FCF28F

#8FFCBB

#8F9AFC

Color Blindness Simulation

Original

#FC8FD0

Protanopia

#CDCCC0

Deuteranopia

#D3DBBC

Tritanopia

#F7B4B1

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDFF0
200
#FDB9E2
300
#FC88CD
400
#FA47B2
500
#F80797
600
#C70579
700
#9F0461
800
#7C034B
900
#5A0738
950
#390424

Contrast Checker

Text on white

2,1:1

AA Fail AAA Fail

Text on black

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