#FD3B3A

#FD3B3A

Color Values

HEX

#FD3B3A

RGB

253, 59, 58

HSL

0.3, 98.0%, 61.0%

HSV

0.3, 77.1%, 99.2%

CMYK

0.0%, 76.7%, 77.1%, 0.8%

OKLCH

0.6517 0.2292 26.6

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FD3B3A

#3AFCFD

Analogous

#FD3A9B

#FD9D3A

#FD3B3A

Triadic

#FD3B3A

#3AFD3B

#3B3AFD

Split Complementary

#FD3B3A

#3AFD9D

#3A9BFD

Tetradic

#FD3B3A

#9BFD3A

#3AFCFD

#9D3AFD

Color Blindness Simulation

Original

#FD3B3A

Protanopia

#A9A73A

Deuteranopia

#B4C33A

Tritanopia

#F33A3A

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDE
200
#FEB9B8
300
#FE8686
400
#FD4544
500
#FC0403
600
#CA0302
700
#A20202
800
#7E0201
900
#5B0606
950
#3A0404

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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