#FDB1B6

#FDB1B6

Color Values

HEX

#FDB1B6

RGB

253, 177, 182

HSL

356.1, 95.0%, 84.3%

HSV

356.1, 30.0%, 99.2%

CMYK

0.0%, 30.0%, 28.1%, 0.8%

OKLCH

0.8337 0.0892 14.8

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FDB1B6

#B1FDF8

Analogous

#FDB1DC

#FDD2B1

#FDB1B6

Triadic

#FDB1B6

#B6FDB1

#B1B6FD

Split Complementary

#FDB1B6

#B1FDD2

#B1DCFD

Tetradic

#FDB1B6

#DCFDB1

#B1FDF8

#D2B1FD

Color Blindness Simulation

Original

#FDB1B6

Protanopia

#DCDBB5

Deuteranopia

#E0E6B4

Tritanopia

#F9B4B4

Achromatopsia

#C2C2C2

CSS Usage

background-color: #FDB1B6;
color: #FDB1B6;
border-color: #FDB1B6;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FEF1F2
100
#FCDFE1
200
#FDB9BE
300
#FC888F
400
#FA4753
500
#F90616
600
#C70512
700
#9F040E
800
#7C030B
900
#5A070C
950
#390408

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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