#F245EC

#F245EC

Color Values

HEX

#F245EC

RGB

242, 69, 236

HSL

302.1, 86.9%, 61.0%

HSV

302.1, 71.5%, 94.9%

CMYK

0.0%, 71.5%, 2.5%, 5.1%

OKLCH

0.6988 0.2689 329.5

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#F245EC

#45F24B

Analogous

#A245F2

#F24596

#F245EC

Triadic

#F245EC

#ECF245

#45ECF2

Split Complementary

#F245EC

#96F245

#45F2A2

Tetradic

#F245EC

#F2A245

#45F24B

#4596F2

Color Blindness Simulation

Original

#F245EC

Protanopia

#A7A6C4

Deuteranopia

#B1BEBA

Tritanopia

#E9A49D

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0F9
200
#FABCF8
300
#F78DF3
400
#F34FED
500
#EE11E7
600
#BF0DB8
700
#990B94
800
#770873
900
#560B54
950
#370735

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.84:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026