#FD0F0F

#FD0F0F

Color Values

HEX

#FD0F0F

RGB

253, 15, 15

HSL

0.0, 98.3%, 52.5%

HSV

0.0, 94.1%, 99.2%

CMYK

0.0%, 94.1%, 94.1%, 0.8%

OKLCH

0.6274 0.2529 28.8

Properties

Warm Light Nearest: RAL 3024 Luminous Red

Color Harmonies

Complementary

#FD0F0F

#0FFDFD

Analogous

#FD0F86

#FD860F

#FD0F0F

Triadic

#FD0F0F

#0FFD0F

#0F0FFD

Split Complementary

#FD0F0F

#0FFD86

#0F86FD

Tetradic

#FD0F0F

#86FD0F

#0FFDFD

#860FFD

Color Blindness Simulation

Original

#FD0F0F

Protanopia

#96940F

Deuteranopia

#A4B60F

Tritanopia

#F10F0F

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDE
200
#FEB8B8
300
#FE8686
400
#FD4444
500
#FD0202
600
#CA0202
700
#A20101
800
#7E0101
900
#5B0606
950
#3A0404

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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