#F42DED

#F42DED

Color Values

HEX

#F42DED

RGB

244, 45, 237

HSL

302.1, 90.0%, 56.7%

HSV

302.1, 81.6%, 95.7%

CMYK

0.0%, 81.6%, 2.9%, 4.3%

OKLCH

0.687 0.2906 329.8

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F42DED

#2DF434

Analogous

#982DF4

#F42D8A

#F42DED

Triadic

#F42DED

#EDF42D

#2DEDF4

Split Complementary

#F42DED

#8AF42D

#2DF498

Tetradic

#F42DED

#F4982D

#2DF434

#2D8AF4

Color Blindness Simulation

Original

#F42DED

Protanopia

#9E9CBF

Deuteranopia

#A9B8B3

Tritanopia

#EA9A92

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FBBBF9
300
#F98BF5
400
#F64CF0
500
#F20DEA
600
#C20ABB
700
#9B0896
800
#790675
900
#580955
950
#370636

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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