#F84993

#F84993

Color Values

HEX

#F84993

RGB

248, 73, 147

HSL

334.6, 92.6%, 62.9%

HSV

334.6, 70.6%, 97.3%

CMYK

0.0%, 70.6%, 40.7%, 2.7%

OKLCH

0.6736 0.2181 359.1

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F84993

#49F8AE

Analogous

#F849EB

#F85649

#F84993

Triadic

#F84993

#93F849

#4993F8

Split Complementary

#F84993

#49F856

#49EBF8

Tetradic

#F84993

#EBF849

#49F8AE

#5649F8

Color Blindness Simulation

Original

#F84993

Protanopia

#ACAB81

Deuteranopia

#B6C47D

Tritanopia

#EF7370

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEB
200
#FCBAD6
300
#FA89B9
400
#F84993
500
#F6096D
600
#C40858
700
#9D0646
800
#7B0537
900
#59082A
950
#38051B

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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