#FD7570

#FD7570

Color Values

HEX

#FD7570

RGB

253, 117, 112

HSL

2.1, 97.2%, 71.6%

HSV

2.1, 55.7%, 99.2%

CMYK

0.0%, 53.8%, 55.7%, 0.8%

OKLCH

0.723 0.1673 24.3

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#FD7570

#70F8FD

Analogous

#FD70B2

#FDBC70

#FD7570

Triadic

#FD7570

#70FD75

#7570FD

Split Complementary

#FD7570

#70FDBC

#70B2FD

Tetradic

#FD7570

#B2FD70

#70F8FD

#BC70FD

Color Blindness Simulation

Original

#FD7570

Protanopia

#C2C171

Deuteranopia

#CAD472

Tritanopia

#F67272

Achromatopsia

#929292

CSS Usage

background-color: #FD7570;
color: #FD7570;
border-color: #FD7570;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEBBB9
300
#FD8A86
400
#FC4B45
500
#FB0C04
600
#C90A03
700
#A10802
800
#7E0602
900
#5B0906
950
#390604

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.96:1

AA Pass AAA Pass

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