#F84997

#F84997

Color Values

HEX

#F84997

RGB

248, 73, 151

HSL

333.3, 92.6%, 62.9%

HSV

333.3, 70.6%, 97.3%

CMYK

0.0%, 70.6%, 39.1%, 2.7%

OKLCH

0.6748 0.2195 357.6

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F84997

#49F8AA

Analogous

#F849EE

#F85249

#F84997

Triadic

#F84997

#97F849

#4997F8

Split Complementary

#F84997

#49F852

#49EEF8

Tetradic

#F84997

#EEF849

#49F8AA

#5249F8

Color Blindness Simulation

Original

#F84997

Protanopia

#ACAB84

Deuteranopia

#B6C480

Tritanopia

#EF7572

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FCBAD8
300
#FA89BC
400
#F84997
500
#F60973
600
#C4085C
700
#9D0649
800
#7B0539
900
#59082C
950
#38051C

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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