#FD0248

#FD0248

Color Values

HEX

#FD0248

RGB

253, 2, 72

HSL

343,3, 98,4%, 50,0%

HSV

343,3, 99,2%, 99,2%

CMYK

0,0%, 99,2%, 71,5%, 0,8%

OKLCH

0,6299 0,2521 18,8

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#FD0248

#02FDB7

Analogous

#FD02C5

#FD3A02

#FD0248

Triadic

#FD0248

#48FD02

#0248FD

Split Complementary

#FD0248

#02FD3A

#02C5FD

Tetradic

#FD0248

#C5FD02

#02FDB7

#3A02FD

Color Blindness Simulation

Original

#FD0248

Protanopia

#908E37

Deuteranopia

#9FB233

Tritanopia

#F02A27

Achromatopsia

#3C3C3C

CSS Usage

background-color: #FD0248;
color: #FD0248;
border-color: #FD0248;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FEB8CC
300
#FE86A7
400
#FD4477
500
#FD0248
600
#CA023A
700
#A2012E
800
#7E0124
900
#5B061D
950
#3A0413

Contrast Checker

Text on white

3,98:1

AA Fail AAA Fail

Text on black

5,28:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026