#FC3D3B

#FC3D3B

Color Values

HEX

#FC3D3B

RGB

252, 61, 59

HSL

0.6, 97.0%, 61.0%

HSV

0.6, 76.6%, 98.8%

CMYK

0.0%, 75.8%, 76.6%, 1.2%

OKLCH

0.6517 0.2267 26.7

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FC3D3B

#3BFAFC

Analogous

#FC3B9A

#FC9D3B

#FC3D3B

Triadic

#FC3D3B

#3BFC3D

#3D3BFC

Split Complementary

#FC3D3B

#3BFC9D

#3B9AFC

Tetradic

#FC3D3B

#9AFC3B

#3BFAFC

#9D3BFC

Color Blindness Simulation

Original

#FC3D3B

Protanopia

#A9A83B

Deuteranopia

#B4C33C

Tritanopia

#F23C3C

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEB9B9
300
#FD8886
400
#FC4745
500
#FB0604
600
#C90503
700
#A10402
800
#7E0302
900
#5B0706
950
#390404

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.87:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026