#F00F8C

#F00F8C

Color Values

HEX

#F00F8C

RGB

240, 15, 140

HSL

326.7, 88.2%, 50.0%

HSV

326.7, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 41.7%, 5.9%

OKLCH

0.6255 0.2513 356.2

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F00F8C

#0FF073

Analogous

#E40FF0

#F00F1B

#F00F8C

Triadic

#F00F8C

#8CF00F

#0F8CF0

Split Complementary

#F00F8C

#1BF00F

#0FF0E4

Tetradic

#F00F8C

#F0E40F

#0FF073

#0F1BF0

Color Blindness Simulation

Original

#F00F8C

Protanopia

#8F8D6E

Deuteranopia

#9CAC66

Tritanopia

#E55651

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EF
200
#FBBCDF
300
#F88CC8
400
#F44DAA
500
#F00F8C
600
#C00C70
700
#9A0A5A
800
#780846
900
#570A35
950
#370621

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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