#F048F9

#F048F9

Color Values

HEX

#F048F9

RGB

240, 72, 249

HSL

296.9, 93.7%, 62.9%

HSV

296.9, 71.1%, 97.6%

CMYK

3.6%, 71.1%, 0.0%, 2.4%

OKLCH

0.7055 0.2745 325.8

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#F048F9

#51F948

Analogous

#9748F9

#F948AA

#F048F9

Triadic

#F048F9

#F9F048

#48F9F0

Split Complementary

#F048F9

#AAF948

#48F997

Tetradic

#F048F9

#F99748

#51F948

#48AAF9

Color Blindness Simulation

Original

#F048F9

Protanopia

#A7A6CE

Deuteranopia

#B1BEC4

Tritanopia

#E8ACA5

Achromatopsia

#787878

CSS Usage

background-color: #F048F9;
color: #F048F9;
border-color: #F048F9;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#F9BAFD
300
#F588FB
400
#F048F9
500
#EB08F7
600
#BC06C6
700
#96059E
800
#75047B
900
#550859
950
#360538

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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