#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026