#F003ED

#F003ED

Color Values

HEX

#F003ED

RGB

240, 3, 237

HSL

300.8, 97.5%, 47.6%

HSV

300.8, 98.8%, 94.1%

CMYK

0.0%, 98.8%, 1.2%, 5.9%

OKLCH

0.6689 0.3055 329.0

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F003ED

#03F006

Analogous

#7D03F0

#F00376

#F003ED

Triadic

#F003ED

#EDF003

#03EDF0

Split Complementary

#F003ED

#76F003

#03F07D

Tetradic

#F003ED

#F07D03

#03F006

#0376F0

Color Blindness Simulation

Original

#F003ED

Protanopia

#8987B4

Deuteranopia

#97A9A7

Tritanopia

#E4887E

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB8FD
300
#FD86FC
400
#FD45FA
500
#FC03F8
600
#C903C7
700
#A1029F
800
#7E027C
900
#5B065A
950
#390439

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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