#FD7D86

#FD7D86

Color Values

HEX

#FD7D86

RGB

253, 125, 134

HSL

355.8, 97.0%, 74.1%

HSV

355.8, 50.6%, 99.2%

CMYK

0.0%, 50.6%, 47.0%, 0.8%

OKLCH

0.7388 0.1561 17.3

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FD7D86

#7DFDF4

Analogous

#FD7DC6

#FDB47D

#FD7D86

Triadic

#FD7D86

#86FD7D

#7D86FD

Split Complementary

#FD7D86

#7DFDB4

#7DC6FD

Tetradic

#FD7D86

#C6FD7D

#7DFDF4

#B47DFD

Color Blindness Simulation

Original

#FD7D86

Protanopia

#C6C484

Deuteranopia

#CDD783

Tritanopia

#F78282

Achromatopsia

#999999

CSS Usage

background-color: #FD7D86;
color: #FD7D86;
border-color: #FD7D86;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FEB9BE
300
#FD868F
400
#FC4552
500
#FB0415
600
#C90311
700
#A1020E
800
#7E020B
900
#5B060C
950
#390408

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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