#F42DCE

#F42DCE

Color Values

HEX

#F42DCE

RGB

244, 45, 206

HSL

311.5, 90.0%, 56.7%

HSV

311.5, 81.6%, 95.7%

CMYK

0.0%, 81.6%, 15.6%, 4.3%

OKLCH

0.6709 0.2709 337.8

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F42DCE

#2DF453

Analogous

#B72DF4

#F42D6A

#F42DCE

Triadic

#F42DCE

#CEF42D

#2DCEF4

Split Complementary

#F42DCE

#6AF42D

#2DF4B7

Tetradic

#F42DCE

#F4B72D

#2DF453

#2D6AF4

Color Blindness Simulation

Original

#F42DCE

Protanopia

#9E9CA7

Deuteranopia

#A9B89E

Tritanopia

#EA8882

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FBBBEF
300
#F98BE4
400
#F64CD5
500
#F20DC6
600
#C20A9F
700
#9B087F
800
#790663
900
#580949
950
#37062E

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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