#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026