#F8419D

#F8419D

Color Values

HEX

#F8419D

RGB

248, 65, 157

HSL

329.8, 92.9%, 61.4%

HSV

329.8, 73.8%, 97.3%

CMYK

0.0%, 73.8%, 36.7%, 2.7%

OKLCH

0.6701 0.2302 354.7

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F8419D

#41F89C

Analogous

#F741F8

#F84142

#F8419D

Triadic

#F8419D

#9DF841

#419DF8

Split Complementary

#F8419D

#42F841

#41F8F7

Tetradic

#F8419D

#F8F741

#41F89C

#4142F8

Color Blindness Simulation

Original

#F8419D

Protanopia

#A9A787

Deuteranopia

#B3C181

Tritanopia

#EF7571

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBADC
300
#FB89C2
400
#F849A1
500
#F60980
600
#C50767
700
#9D0652
800
#7B0540
900
#590831
950
#38051F

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026