#FDB6B8

#FDB6B8

Color Values

HEX

#FDB6B8

RGB

253, 182, 184

HSL

358.3, 94.7%, 85.3%

HSV

358.3, 28.1%, 99.2%

CMYK

0.0%, 28.1%, 27.3%, 0.8%

OKLCH

0.8429 0.0828 17.1

Properties

Warm Light Nearest: lightpink

Color Harmonies

Complementary

#FDB6B8

#B6FDFB

Analogous

#FDB6DC

#FDD8B6

#FDB6B8

Triadic

#FDB6B8

#B8FDB6

#B6B8FD

Split Complementary

#FDB6B8

#B6FDD8

#B6DCFD

Tetradic

#FDB6B8

#DCFDB6

#B6FDFB

#D8B6FD

Color Blindness Simulation

Original

#FDB6B8

Protanopia

#DEDEB8

Deuteranopia

#E2E8B7

Tritanopia

#F9B7B7

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FDB9BB
300
#FC888B
400
#FA474C
500
#F8070E
600
#C7050B
700
#9F0409
800
#7C0307
900
#5A0709
950
#390506

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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