#FA248F

#FA248F

Color Values

HEX

#FA248F

RGB

250, 36, 143

HSL

330.0, 95.5%, 56.1%

HSV

330.0, 85.6%, 98.0%

CMYK

0.0%, 85.6%, 42.8%, 2.0%

OKLCH

0.6507 0.2495 357.9

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#FA248F

#24FA8F

Analogous

#FA24FA

#FA2424

#FA248F

Triadic

#FA248F

#8FFA24

#248FFA

Split Complementary

#FA248F

#24FA24

#24FAFA

Tetradic

#FA248F

#FAFA24

#24FA8F

#2424FA

Color Blindness Simulation

Original

#FA248F

Protanopia

#9D9B75

Deuteranopia

#AABA6F

Tritanopia

#EF615C

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DB
300
#FC87C2
400
#FB47A1
500
#F90680
600
#C70566
700
#A00452
800
#7D0340
900
#5A0730
950
#39041F

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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