#FD0E82

#FD0E82

Color Values

HEX

#FD0E82

RGB

253, 14, 130

HSL

330.9, 98.4%, 52.4%

HSV

330.9, 94.5%, 99.2%

CMYK

0.0%, 94.5%, 48.6%, 0.8%

OKLCH

0.6448 0.2566 1.8

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#FD0E82

#0EFD89

Analogous

#FD0EF9

#FD120E

#FD0E82

Triadic

#FD0E82

#82FD0E

#0E82FD

Split Complementary

#FD0E82

#0EFD12

#0EF9FD

Tetradic

#FD0E82

#F9FD0E

#0EFD89

#120EFD

Color Blindness Simulation

Original

#FD0E82

Protanopia

#959366

Deuteranopia

#A3B55F

Tritanopia

#F1504B

Achromatopsia

#494949

CSS Usage

background-color: #FD0E82;
color: #FD0E82;
border-color: #FD0E82;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB8DA
300
#FE86C0
400
#FD449E
500
#FD027C
600
#CA0263
700
#A2014F
800
#7E013E
900
#5B062F
950
#3A041E

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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