#FD5255

#FD5255

Color Values

HEX

#FD5255

RGB

253, 82, 85

HSL

358.9, 97.7%, 65.7%

HSV

358.9, 67.6%, 99.2%

CMYK

0.0%, 67.6%, 66.4%, 0.8%

OKLCH

0.6759 0.2072 23.7

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#FD5255

#52FDFA

Analogous

#FD52AB

#FDA452

#FD5255

Triadic

#FD5255

#55FD52

#5255FD

Split Complementary

#FD5255

#52FDA4

#52ABFD

Tetradic

#FD5255

#ABFD52

#52FDFA

#A452FD

Color Blindness Simulation

Original

#FD5255

Protanopia

#B3B154

Deuteranopia

#BDCA54

Tritanopia

#F45454

Achromatopsia

#777777

CSS Usage

background-color: #FD5255;
color: #FD5255;
border-color: #FD5255;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF1F1
100
#FCDEDF
200
#FEB8BA
300
#FE8688
400
#FD4448
500
#FC0307
600
#CA0206
700
#A10205
800
#7E0104
900
#5B0607
950
#3A0405

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026