#F8ABB4

#F8ABB4

Color Values

HEX

#F8ABB4

RGB

248, 171, 180

HSL

353.0, 84.6%, 82.2%

HSV

353.0, 31.0%, 97.3%

CMYK

0.0%, 31.0%, 27.4%, 2.7%

OKLCH

0.8174 0.0912 11.6

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#F8ABB4

#ABF8EF

Analogous

#F8ABDB

#F8C9AB

#F8ABB4

Triadic

#F8ABB4

#B4F8AB

#ABB4F8

Split Complementary

#F8ABB4

#ABF8C9

#ABDBF8

Tetradic

#F8ABB4

#DBF8AB

#ABF8EF

#C9ABF8

Color Blindness Simulation

Original

#F8ABB4

Protanopia

#D7D6B2

Deuteranopia

#DBE1B1

Tritanopia

#F4B0B0

Achromatopsia

#BCBCBC

CSS Usage

background-color: #F8ABB4;
color: #F8ABB4;
border-color: #F8ABB4;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FDF2F3
100
#FAE0E3
200
#FABDC4
300
#F68E9A
400
#F05163
500
#EB142D
600
#BC1024
700
#970D1D
800
#760A16
900
#550C14
950
#36070D

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026