#F8419C

#F8419C

Color Values

HEX

#F8419C

RGB

248, 65, 156

HSL

330.2, 92.9%, 61.4%

HSV

330.2, 73.8%, 97.3%

CMYK

0.0%, 73.8%, 37.1%, 2.7%

OKLCH

0.6697 0.2298 355.1

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F8419C

#41F89D

Analogous

#F841F7

#F84241

#F8419C

Triadic

#F8419C

#9CF841

#419CF8

Split Complementary

#F8419C

#41F842

#41F7F8

Tetradic

#F8419C

#F7F841

#41F89D

#4241F8

Color Blindness Simulation

Original

#F8419C

Protanopia

#A9A786

Deuteranopia

#B3C181

Tritanopia

#EF7571

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBADB
300
#FB89C1
400
#F849A0
500
#F6097F
600
#C50765
700
#9D0651
800
#7B053F
900
#590830
950
#38051E

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026