#FDB5AC

#FDB5AC

Color Values

HEX

#FDB5AC

RGB

253, 181, 172

HSL

6.7, 95.3%, 83.3%

HSV

6.7, 32.0%, 99.2%

CMYK

0.0%, 28.5%, 32.0%, 0.8%

OKLCH

0.8382 0.0855 27.0

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FDB5AC

#ACF4FD

Analogous

#FDACCB

#FDDDAC

#FDB5AC

Triadic

#FDB5AC

#ACFDB5

#B5ACFD

Split Complementary

#FDB5AC

#ACFDDD

#ACCBFD

Tetradic

#FDB5AC

#CBFDAC

#ACF4FD

#DDACFD

Color Blindness Simulation

Original

#FDB5AC

Protanopia

#DEDDAE

Deuteranopia

#E2E7AF

Tritanopia

#F9B0B0

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DF
200
#FDC1B9
300
#FC9587
400
#FB5B47
500
#F92106
600
#C71B05
700
#9F1504
800
#7D1103
900
#5A1007
950
#390A04

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.38:1

AA Pass AAA Pass

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