#FC198B

#FC198B

Color Values

HEX

#FC198B

RGB

252, 25, 139

HSL

329.9, 97.4%, 54.3%

HSV

329.9, 90.1%, 98.8%

CMYK

0.0%, 90.1%, 44.8%, 1.2%

OKLCH

0.6486 0.2549 359.1

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#FC198B

#19FC8A

Analogous

#FC19FC

#FC1919

#FC198B

Triadic

#FC198B

#8BFC19

#198BFC

Split Complementary

#FC198B

#19FC19

#19FCFC

Tetradic

#FC198B

#FCFC19

#19FC8A

#1919FC

Color Blindness Simulation

Original

#FC198B

Protanopia

#9A986F

Deuteranopia

#A7B869

Tritanopia

#F15A55

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB9DB
300
#FD86C2
400
#FD45A1
500
#FC0380
600
#C90366
700
#A10252
800
#7E0240
900
#5B0631
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

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026