#F0318C

#F0318C

Color Values

HEX

#F0318C

RGB

240, 49, 140

HSL

331.4, 86.4%, 56.7%

HSV

331.4, 79.6%, 94.1%

CMYK

0.0%, 79.6%, 41.7%, 5.9%

OKLCH

0.6399 0.2325 357.8

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F0318C

#31F095

Analogous

#F031EC

#F03631

#F0318C

Triadic

#F0318C

#8CF031

#318CF0

Split Complementary

#F0318C

#31F036

#31ECF0

Tetradic

#F0318C

#ECF031

#31F095

#3631F0

Color Blindness Simulation

Original

#F0318C

Protanopia

#9D9C76

Deuteranopia

#A8B771

Tritanopia

#E66561

Achromatopsia

#606060

CSS Usage

background-color: #F0318C;
color: #F0318C;
border-color: #F0318C;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABCDA
300
#F78DBF
400
#F24F9D
500
#EE117A
600
#BE0E62
700
#980B4E
800
#77093D
900
#560B2F
950
#36071D

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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