#FD0568

#FD0568

Color Values

HEX

#FD0568

RGB

253, 5, 104

HSL

336.0, 98.4%, 50.6%

HSV

336.0, 98.0%, 99.2%

CMYK

0.0%, 98.0%, 58.9%, 0.8%

OKLCH

0.6364 0.2532 9.8

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FD0568

#05FD9A

Analogous

#FD05E4

#FD1E05

#FD0568

Triadic

#FD0568

#68FD05

#0568FD

Split Complementary

#FD0568

#05FD1E

#05E4FD

Tetradic

#FD0568

#E4FD05

#05FD9A

#1E05FD

Color Blindness Simulation

Original

#FD0568

Protanopia

#928F50

Deuteranopia

#A0B34A

Tritanopia

#F13D39

Achromatopsia

#414141

CSS Usage

background-color: #FD0568;
color: #FD0568;
border-color: #FD0568;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FEB8D4
300
#FE86B6
400
#FD448E
500
#FD0266
600
#CA0252
700
#A20142
800
#7E0133
900
#5B0628
950
#3A0419

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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