#FD0228

#FD0228

Color Values

HEX

#FD0228

RGB

253, 2, 40

HSL

350.9, 98.4%, 50.0%

HSV

350.9, 99.2%, 99.2%

CMYK

0.0%, 99.2%, 84.2%, 0.8%

OKLCH

0.6263 0.2537 25.5

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#FD0228

#02FDD7

Analogous

#FD02A6

#FD5902

#FD0228

Triadic

#FD0228

#28FD02

#0228FD

Split Complementary

#FD0228

#02FD59

#02A6FD

Tetradic

#FD0228

#A6FD02

#02FDD7

#5902FD

Color Blindness Simulation

Original

#FD0228

Protanopia

#908E1F

Deuteranopia

#9FB21D

Tritanopia

#F01816

Achromatopsia

#3A3A3A

CSS Usage

background-color: #FD0228;
color: #FD0228;
border-color: #FD0228;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FEF1F3
100
#FCDEE3
200
#FEB8C3
300
#FE8698
400
#FD4460
500
#FD0228
600
#CA0220
700
#A2011A
800
#7E0114
900
#5B0613
950
#3A040C

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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