#F8B4AF

#F8B4AF

Color Values

HEX

#F8B4AF

RGB

248, 180, 175

HSL

4.1, 83.9%, 82.9%

HSV

4.1, 29.4%, 97.3%

CMYK

0.0%, 27.4%, 29.4%, 2.7%

OKLCH

0.8319 0.0801 23.7

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#F8B4AF

#AFF3F8

Analogous

#F8AFCE

#F8D8AF

#F8B4AF

Triadic

#F8B4AF

#AFF8B4

#B4AFF8

Split Complementary

#F8B4AF

#AFF8D8

#AFCEF8

Tetradic

#F8B4AF

#CEF8AF

#AFF3F8

#D8AFF8

Color Blindness Simulation

Original

#F8B4AF

Protanopia

#DBDAB0

Deuteranopia

#DEE4B0

Tritanopia

#F5B1B1

Achromatopsia

#C2C2C2

CSS Usage

background-color: #F8B4AF;
color: #F8B4AF;
border-color: #F8B4AF;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF3F2
100
#FAE2E0
200
#F9C1BD
300
#F5958E
400
#F05C51
500
#EA2315
600
#BC1C10
700
#96160D
800
#75120A
900
#55110C
950
#360B07

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.14:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026