#FC5DB4

#FC5DB4

Color Values

HEX

#FC5DB4

RGB

252, 93, 180

HSL

327,2, 96,4%, 67,6%

HSV

327,2, 63,1%, 98,8%

CMYK

0,0%, 63,1%, 28,6%, 1,2%

OKLCH

0,7105 0,2109 349,9

Properties

Warm Light Nearest: hotpink

Color Harmonies

Complementary

#FC5DB4

#5DFCA5

Analogous

#F55DFC

#FC5D64

#FC5DB4

Triadic

#FC5DB4

#B4FC5D

#5DB4FC

Split Complementary

#FC5DB4

#64FC5D

#5DFCF5

Tetradic

#FC5DB4

#FCF55D

#5DFCA5

#5D64FC

Color Blindness Simulation

Original

#FC5DB4

Protanopia

#B7B69F

Deuteranopia

#C0CC9A

Tritanopia

#F48E8B

Achromatopsia

#858585

CSS Usage

background-color: #FC5DB4;
color: #FC5DB4;
border-color: #FC5DB4;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FEB9DF
300
#FD87C7
400
#FC46A9
500
#FA058B
600
#C8046F
700
#A00359
800
#7D0245
900
#5A0634
950
#390421

Contrast Checker

Text on white

2,85:1

AA Fail AAA Fail

Text on black

7,36:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026