#F7ACBB

#F7ACBB

Color Values

HEX

#F7ACBB

RGB

247, 172, 187

HSL

348.0, 82.4%, 82.2%

HSV

348.0, 30.4%, 96.9%

CMYK

0.0%, 30.4%, 24.3%, 3.1%

OKLCH

0.8199 0.0898 6.1

Properties

Warm Light Nearest: pink 2

Color Harmonies

Complementary

#F7ACBB

#ACF7E8

Analogous

#F7ACE1

#F7C3AC

#F7ACBB

Triadic

#F7ACBB

#BBF7AC

#ACBBF7

Split Complementary

#F7ACBB

#ACF7C3

#ACE1F7

Tetradic

#F7ACBB

#E1F7AC

#ACF7E8

#C3ACF7

Color Blindness Simulation

Original

#F7ACBB

Protanopia

#D7D6B7

Deuteranopia

#DBE0B6

Tritanopia

#F3B5B4

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FAE1E6
200
#F9BECA
300
#F48FA4
400
#EE5372
500
#E91640
600
#BA1234
700
#950E29
800
#740B20
900
#540D1B
950
#350811

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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