#FC8DC6

#FC8DC6

Color Values

HEX

#FC8DC6

RGB

252, 141, 198

HSL

329.2, 94.9%, 77.1%

HSV

329.2, 44.0%, 98.8%

CMYK

0.0%, 44.0%, 21.4%, 1.2%

OKLCH

0.7789 0.1488 349.0

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FC8DC6

#8DFCC3

Analogous

#FB8DFC

#FC8D8F

#FC8DC6

Triadic

#FC8DC6

#C6FC8D

#8DC6FC

Split Complementary

#FC8DC6

#8FFC8D

#8DFCFB

Tetradic

#FC8DC6

#FCFB8D

#8DFCC3

#8D8FFC

Color Blindness Simulation

Original

#FC8DC6

Protanopia

#CCCBB8

Deuteranopia

#D2DBB5

Tritanopia

#F6ADAB

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FDB9DC
300
#FC88C3
400
#FA47A3
500
#F80783
600
#C70569
700
#9F0454
800
#7C0341
900
#5A0732
950
#39041F

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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