#FF0031

#FF0031

Color Values

HEX

#FF0031

RGB

255, 0, 49

HSL

348.5, 100.0%, 50.0%

HSV

348.5, 100.0%, 100.0%

CMYK

0.0%, 100.0%, 80.8%, 0.0%

OKLCH

0.6305 0.255 24.0

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#FF0031

#00FFCE

Analogous

#FF00B0

#FF4F00

#FF0031

Triadic

#FF0031

#31FF00

#0031FF

Split Complementary

#FF0031

#00FF4F

#00B0FF

Tetradic

#FF0031

#B0FF00

#00FFCE

#4F00FF

Color Blindness Simulation

Original

#FF0031

Protanopia

#918E25

Deuteranopia

#9FB222

Tritanopia

#F21C1A

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE4
200
#FFB8C5
300
#FF859C
400
#FF4266
500
#FF0031
600
#CC0027
700
#A3001F
800
#800018
900
#5C0516
950
#3A030E

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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