#F4BAAF

#F4BAAF

Color Values

HEX

#F4BAAF

RGB

244, 186, 175

HSL

9.6, 75.8%, 82.2%

HSV

9.6, 28.3%, 95.7%

CMYK

0.0%, 23.8%, 28.3%, 4.3%

OKLCH

0.8386 0.0694 30.8

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#F4BAAF

#AFE9F4

Analogous

#F4AFC7

#F4DDAF

#F4BAAF

Triadic

#F4BAAF

#AFF4BA

#BAAFF4

Split Complementary

#F4BAAF

#AFF4DD

#AFC7F4

Tetradic

#F4BAAF

#C7F4AF

#AFE9F4

#DDAFF4

Color Blindness Simulation

Original

#F4BAAF

Protanopia

#DBDAB2

Deuteranopia

#DEE3B2

Tritanopia

#F1B4B4

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E5E2
200
#F6C9C0
300
#F0A293
400
#E87059
500
#E03E1F
600
#B33119
700
#8F2814
800
#701F0F
900
#521A0F
950
#33100A

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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