#FD8C96

#FD8C96

Color Values

HEX

#FD8C96

RGB

253, 140, 150

HSL

354.7, 96.6%, 77.1%

HSV

354.7, 44.7%, 99.2%

CMYK

0.0%, 44.7%, 40.7%, 0.8%

OKLCH

0.7648 0.1369 15.2

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FD8C96

#8CFDF3

Analogous

#FD8CCF

#FDBB8C

#FD8C96

Triadic

#FD8C96

#96FD8C

#8C96FD

Split Complementary

#FD8C96

#8CFDBB

#8CCFFD

Tetradic

#FD8C96

#CFFD8C

#8CFDF3

#BB8CFD

Color Blindness Simulation

Original

#FD8C96

Protanopia

#CCCB94

Deuteranopia

#D3DB93

Tritanopia

#F79291

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FEB9BF
300
#FD8791
400
#FC4656
500
#FB041A
600
#C90315
700
#A00311
800
#7D020D
900
#5B060E
950
#390409

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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