#FD9ACB

#FD9ACB

Color Values

HEX

#FD9ACB

RGB

253, 154, 203

HSL

330,3, 96,1%, 79,8%

HSV

330,3, 39,1%, 99,2%

CMYK

0,0%, 39,1%, 19,8%, 0,8%

OKLCH

0,8017 0,1313 349,4

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FD9ACB

#9AFDCC

Analogous

#FD9AFC

#FD9A9A

#FD9ACB

Triadic

#FD9ACB

#CBFD9A

#9ACBFD

Split Complementary

#FD9ACB

#9AFD9A

#9AFCFD

Tetradic

#FD9ACB

#FCFD9A

#9AFDCC

#9A9AFD

Color Blindness Simulation

Original

#FD9ACB

Protanopia

#D2D1BF

Deuteranopia

#D8DFBC

Tritanopia

#F8B6B4

Achromatopsia

#B3B3B3

CSS Usage

background-color: #FD9ACB;
color: #FD9ACB;
border-color: #FD9ACB;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FEB9DB
300
#FD87C1
400
#FB46A0
500
#FA057E
600
#C80465
700
#A00351
800
#7D023F
900
#5A0730
950
#39041E

Contrast Checker

Text on white

1,97:1

AA Fail AAA Fail

Text on black

10,66: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