#F4BBAF

#F4BBAF

Color Values

HEX

#F4BBAF

RGB

244, 187, 175

HSL

10.4, 75.8%, 82.2%

HSV

10.4, 28.3%, 95.7%

CMYK

0.0%, 23.4%, 28.3%, 4.3%

OKLCH

0.8405 0.0685 32.1

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#F4BBAF

#AFE8F4

Analogous

#F4AFC6

#F4DEAF

#F4BBAF

Triadic

#F4BBAF

#AFF4BB

#BBAFF4

Split Complementary

#F4BBAF

#AFF4DE

#AFC6F4

Tetradic

#F4BBAF

#C6F4AF

#AFE8F4

#DEAFF4

Color Blindness Simulation

Original

#F4BBAF

Protanopia

#DBDBB2

Deuteranopia

#DFE3B3

Tritanopia

#F1B4B5

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E6E2
200
#F6CAC0
300
#F0A393
400
#E87259
500
#E0401F
600
#B33319
700
#8F2914
800
#70200F
900
#521B0F
950
#33110A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026