#FC74AA

#FC74AA

Color Values

HEX

#FC74AA

RGB

252, 116, 170

HSL

336.2, 95.8%, 72.2%

HSV

336.2, 54.0%, 98.8%

CMYK

0.0%, 54.0%, 32.5%, 1.2%

OKLCH

0.7347 0.1742 357.3

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#FC74AA

#74FCC6

Analogous

#FC74EE

#FC8274

#FC74AA

Triadic

#FC74AA

#AAFC74

#74AAFC

Split Complementary

#FC74AA

#74FC82

#74EEFC

Tetradic

#FC74AA

#EEFC74

#74FCC6

#8274FC

Color Blindness Simulation

Original

#FC74AA

Protanopia

#C1C09D

Deuteranopia

#C9D39A

Tritanopia

#F59390

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDFEA
200
#FEB9D4
300
#FC87B6
400
#FB468E
500
#FA0566
600
#C80452
700
#A00341
800
#7D0333
900
#5A0728
950
#390419

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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