#FFAB9C

#FFAB9C

Color Values

HEX

#FFAB9C

RGB

255, 171, 156

HSL

9.1, 100.0%, 80.6%

HSV

9.1, 38.8%, 100.0%

CMYK

0.0%, 32.9%, 38.8%, 0.0%

OKLCH

0.8192 0.102 30.5

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#FFAB9C

#9CF0FF

Analogous

#FF9CBF

#FFDD9C

#FFAB9C

Triadic

#FFAB9C

#9CFFAB

#AB9CFF

Split Complementary

#FFAB9C

#9CFFDD

#9CBFFF

Tetradic

#FFAB9C

#BFFF9C

#9CF0FF

#DD9CFF

Color Blindness Simulation

Original

#FFAB9C

Protanopia

#DBDAA0

Deuteranopia

#E0E6A0

Tritanopia

#FBA2A3

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE3DE
200
#FFC2B8
300
#FF9785
400
#FF5F42
500
#FF2700
600
#CC1F00
700
#A31900
800
#801300
900
#5C1205
950
#3A0B03

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.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