#FD022B

#FD022B

Color Values

HEX

#FD022B

RGB

253, 2, 43

HSL

350,2, 98,4%, 50,0%

HSV

350,2, 99,2%, 99,2%

CMYK

0,0%, 99,2%, 83,0%, 0,8%

OKLCH

0,6266 0,2535 25,0

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#FD022B

#02FDD4

Analogous

#FD02A8

#FD5702

#FD022B

Triadic

#FD022B

#2BFD02

#022BFD

Split Complementary

#FD022B

#02FD57

#02A8FD

Tetradic

#FD022B

#A8FD02

#02FDD4

#5702FD

Color Blindness Simulation

Original

#FD022B

Protanopia

#908E21

Deuteranopia

#9FB21F

Tritanopia

#F01918

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE3
200
#FEB8C4
300
#FE8699
400
#FD4462
500
#FD022B
600
#CA0222
700
#A2011C
800
#7E0116
900
#5B0614
950
#3A040C

Contrast Checker

Text on white

4,02:1

AA Fail AAA Fail

Text on black

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