#FD8AC2

#FD8AC2

Color Values

HEX

#FD8AC2

RGB

253, 138, 194

HSL

330,8, 96,6%, 76,7%

HSV

330,8, 45,5%, 99,2%

CMYK

0,0%, 45,5%, 23,3%, 0,8%

OKLCH

0,7744 0,1524 350,7

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FD8AC2

#8AFDC5

Analogous

#FD8AFB

#FD8C8A

#FD8AC2

Triadic

#FD8AC2

#C2FD8A

#8AC2FD

Split Complementary

#FD8AC2

#8AFD8C

#8AFBFD

Tetradic

#FD8AC2

#FBFD8A

#8AFDC5

#8C8AFD

Color Blindness Simulation

Original

#FD8AC2

Protanopia

#CBCAB4

Deuteranopia

#D2DAB1

Tritanopia

#F7AAA7

Achromatopsia

#A6A6A6

CSS Usage

background-color: #FD8AC2;
color: #FD8AC2;
border-color: #FD8AC2;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB9DA
300
#FD87C0
400
#FC469E
500
#FB047C
600
#C90363
700
#A0034F
800
#7D023E
900
#5B062F
950
#39041E

Contrast Checker

Text on white

2,19:1

AA Fail AAA Fail

Text on black

9,59: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