#FC198A

#FC198A

Color Values

HEX

#FC198A

RGB

252, 25, 138

HSL

330.1, 97.4%, 54.3%

HSV

330.1, 90.1%, 98.8%

CMYK

0.0%, 90.1%, 45.2%, 1.2%

OKLCH

0.6483 0.2546 359.4

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#FC198A

#19FC8B

Analogous

#FC19FC

#FC1919

#FC198A

Triadic

#FC198A

#8AFC19

#198AFC

Split Complementary

#FC198A

#19FC19

#19FCFC

Tetradic

#FC198A

#FCFC19

#19FC8B

#1919FC

Color Blindness Simulation

Original

#FC198A

Protanopia

#9A986F

Deuteranopia

#A7B868

Tritanopia

#F15954

Achromatopsia

#515151

CSS Usage

background-color: #FC198A;
color: #FC198A;
border-color: #FC198A;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB9DB
300
#FD86C2
400
#FD45A0
500
#FC037F
600
#C90366
700
#A10251
800
#7E0240
900
#5B0630
950
#39041F

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

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