#FFABD6

#FFABD6

Color Values

HEX

#FFABD6

RGB

255, 171, 214

HSL

329.3, 100.0%, 83.5%

HSV

329.3, 32.9%, 100.0%

CMYK

0.0%, 32.9%, 16.1%, 0.0%

OKLCH

0.8349 0.1115 347.7

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FFABD6

#ABFFD4

Analogous

#FEABFF

#FFABAC

#FFABD6

Triadic

#FFABD6

#D6FFAB

#ABD6FF

Split Complementary

#FFABD6

#ACFFAB

#ABFFFE

Tetradic

#FFABD6

#FFFEAB

#ABFFD4

#ABACFF

Color Blindness Simulation

Original

#FFABD6

Protanopia

#DBDACC

Deuteranopia

#E0E6C9

Tritanopia

#FBC3C2

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEE
200
#FFB8DC
300
#FF85C3
400
#FF42A3
500
#FF0082
600
#CC0068
700
#A30054
800
#800041
900
#5C0531
950
#3A031F

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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