#FF42C8

#FF42C8

Color Values

HEX

#FF42C8

RGB

255, 66, 200

HSL

317.5, 100.0%, 62.9%

HSV

317.5, 74.1%, 100.0%

CMYK

0.0%, 74.1%, 21.6%, 0.0%

OKLCH

0.6983 0.2553 342.4

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#FF42C8

#42FF79

Analogous

#D842FF

#FF4269

#FF42C8

Triadic

#FF42C8

#C8FF42

#42C8FF

Split Complementary

#FF42C8

#69FF42

#42FFD8

Tetradic

#FF42C8

#FFD842

#42FF79

#4269FF

Color Blindness Simulation

Original

#FF42C8

Protanopia

#ADACA8

Deuteranopia

#B8C6A0

Tritanopia

#F68E88

Achromatopsia

#747474

CSS Usage

background-color: #FF42C8;
color: #FF42C8;
border-color: #FF42C8;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1FA
100
#FCDEF3
200
#FFB8EA
300
#FF85DB
400
#FF42C8
500
#FF00B5
600
#CC0090
700
#A30074
800
#80005A
900
#5C0543
950
#3A032A

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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