#F03890

#F03890

Color Values

HEX

#F03890

RGB

240, 56, 144

HSL

331.3, 86.0%, 58.0%

HSV

331.3, 76.7%, 94.1%

CMYK

0.0%, 76.7%, 40.0%, 5.9%

OKLCH

0.646 0.2279 356.9

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F03890

#38F098

Analogous

#F038EC

#F03C38

#F03890

Triadic

#F03890

#90F038

#3890F0

Split Complementary

#F03890

#38F03C

#38ECF0

Tetradic

#F03890

#ECF038

#38F098

#3C38F0

Color Blindness Simulation

Original

#F03890

Protanopia

#A09F7B

Deuteranopia

#ABB976

Tritanopia

#E76A66

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDA
300
#F68DC0
400
#F2509D
500
#ED127B
600
#BE0E62
700
#980B4F
800
#77093D
900
#560B2F
950
#36071E

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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