#F03CEB

#F03CEB

Color Values

HEX

#F03CEB

RGB

240, 60, 235

HSL

301.7, 85.7%, 58.8%

HSV

301.7, 75.0%, 94.1%

CMYK

0.0%, 75.0%, 2.1%, 5.9%

OKLCH

0.6889 0.2758 329.3

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#F03CEB

#3CF041

Analogous

#9B3CF0

#F03C91

#F03CEB

Triadic

#F03CEB

#EBF03C

#3CEBF0

Split Complementary

#F03CEB

#91F03C

#3CF09B

Tetradic

#F03CEB

#F09B3C

#3CF041

#3C91F0

Color Blindness Simulation

Original

#F03CEB

Protanopia

#A2A0C1

Deuteranopia

#ACBAB6

Tritanopia

#E79F98

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0F9
200
#FABDF8
300
#F68DF3
400
#F250ED
500
#ED12E7
600
#BD0FB8
700
#980C94
800
#760973
900
#560B54
950
#360735

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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