#FC8EC5

#FC8EC5

Color Values

HEX

#FC8EC5

RGB

252, 142, 197

HSL

330.0, 94.8%, 77.3%

HSV

330.0, 43.7%, 98.8%

CMYK

0.0%, 43.7%, 21.8%, 1.2%

OKLCH

0.7801 0.1466 349.7

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FC8EC5

#8EFCC5

Analogous

#FC8EFC

#FC8E8E

#FC8EC5

Triadic

#FC8EC5

#C5FC8E

#8EC5FC

Split Complementary

#FC8EC5

#8EFC8E

#8EFCFC

Tetradic

#FC8EC5

#FCFC8E

#8EFCC5

#8E8EFC

Color Blindness Simulation

Original

#FC8EC5

Protanopia

#CCCBB8

Deuteranopia

#D3DBB4

Tritanopia

#F6ADAB

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DB
300
#FC88C2
400
#FA47A1
500
#F80780
600
#C70566
700
#9F0452
800
#7C0340
900
#5A0730
950
#39041F

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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