#F9BAAE

#F9BAAE

Color Values

HEX

#F9BAAE

RGB

249, 186, 174

HSL

9.6, 86.2%, 82.9%

HSV

9.6, 30.1%, 97.6%

CMYK

0.0%, 25.3%, 30.1%, 2.4%

OKLCH

0.8435 0.0754 30.9

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#F9BAAE

#AEEDF9

Analogous

#F9AEC7

#F9DFAE

#F9BAAE

Triadic

#F9BAAE

#AEF9BA

#BAAEF9

Split Complementary

#F9BAAE

#AEF9DF

#AEC7F9

Tetradic

#F9BAAE

#C7F9AE

#AEEDF9

#DFAEF9

Color Blindness Simulation

Original

#F9BAAE

Protanopia

#DEDDB1

Deuteranopia

#E1E6B2

Tritanopia

#F6B3B4

Achromatopsia

#C7C7C7

CSS Usage

background-color: #F9BAAE;
color: #F9BAAE;
border-color: #F9BAAE;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FDF4F2
100
#FAE4E0
200
#FAC6BD
300
#F79E8D
400
#F2694F
500
#ED3512
600
#BE2A0E
700
#98220B
800
#771A09
900
#56170B
950
#360E07

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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