#F42DCB

#F42DCB

Color Values

HEX

#F42DCB

RGB

244, 45, 203

HSL

312.4, 90.0%, 56.7%

HSV

312.4, 81.6%, 95.7%

CMYK

0.0%, 81.6%, 16.8%, 4.3%

OKLCH

0.6694 0.2691 338.6

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F42DCB

#2DF456

Analogous

#BA2DF4

#F42D68

#F42DCB

Triadic

#F42DCB

#CBF42D

#2DCBF4

Split Complementary

#F42DCB

#68F42D

#2DF4BA

Tetradic

#F42DCB

#F4BA2D

#2DF456

#2D68F4

Color Blindness Simulation

Original

#F42DCB

Protanopia

#9E9CA5

Deuteranopia

#A9B89C

Tritanopia

#EA8780

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FBBBEE
300
#F98BE2
400
#F64CD2
500
#F20DC3
600
#C20A9C
700
#9B087D
800
#790661
900
#580947
950
#37062D

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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