#FD0283

#FD0283

Color Values

HEX

#FD0283

RGB

253, 2, 131

HSL

329,2, 98,4%, 50,0%

HSV

329,2, 99,2%, 99,2%

CMYK

0,0%, 99,2%, 48,2%, 0,8%

OKLCH

0,643 0,2595 1,2

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#FD0283

#02FD7C

Analogous

#FA02FD

#FD0205

#FD0283

Triadic

#FD0283

#83FD02

#0283FD

Split Complementary

#FD0283

#05FD02

#02FDFA

Tetradic

#FD0283

#FDFA02

#02FD7C

#0205FD

Color Blindness Simulation

Original

#FD0283

Protanopia

#908E64

Deuteranopia

#9FB25C

Tritanopia

#F04B46

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEE
200
#FEB8DC
300
#FE86C3
400
#FD44A3
500
#FD0283
600
#CA0269
700
#A20154
800
#7E0141
900
#5B0632
950
#3A041F

Contrast Checker

Text on white

3,81:1

AA Fail AAA Fail

Text on black

5,51: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