#F8B9AD

#F8B9AD

Color Values

HEX

#F8B9AD

RGB

248, 185, 173

HSL

9.6, 84.3%, 82.5%

HSV

9.6, 30.2%, 97.3%

CMYK

0.0%, 25.4%, 30.2%, 2.7%

OKLCH

0.8404 0.0755 30.9

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#F8B9AD

#ADECF8

Analogous

#F8ADC6

#F8DEAD

#F8B9AD

Triadic

#F8B9AD

#ADF8B9

#B9ADF8

Split Complementary

#F8B9AD

#ADF8DE

#ADC6F8

Tetradic

#F8B9AD

#C6F8AD

#ADECF8

#DEADF8

Color Blindness Simulation

Original

#F8B9AD

Protanopia

#DDDCB0

Deuteranopia

#E0E5B1

Tritanopia

#F5B2B3

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FAE4E0
200
#F9C7BD
300
#F59F8E
400
#F06B51
500
#EB3614
600
#BC2C10
700
#96230D
800
#751B0A
900
#55170C
950
#360F07

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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