#FDB4A8

#FDB4A8

Color Values

HEX

#FDB4A8

RGB

253, 180, 168

HSL

8.5, 95.5%, 82.5%

HSV

8.5, 33.6%, 99.2%

CMYK

0.0%, 28.9%, 33.6%, 0.8%

OKLCH

0.8355 0.0875 29.5

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FDB4A8

#A8F1FD

Analogous

#FDA8C6

#FDDEA8

#FDB4A8

Triadic

#FDB4A8

#A8FDB4

#B4A8FD

Split Complementary

#FDB4A8

#A8FDDE

#A8C6FD

Tetradic

#FDB4A8

#C6FDA8

#A8F1FD

#DEA8FD

Color Blindness Simulation

Original

#FDB4A8

Protanopia

#DDDDAB

Deuteranopia

#E2E7AC

Tritanopia

#F9ADAE

Achromatopsia

#C3C3C3

CSS Usage

background-color: #FDB4A8;
color: #FDB4A8;
border-color: #FDB4A8;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FEF3F1
100
#FCE3DF
200
#FDC3B9
300
#FC9887
400
#FB6047
500
#F92806
600
#C72005
700
#A01A04
800
#7D1403
900
#5A1307
950
#390C04

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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