#F8ADB9

#F8ADB9

Color Values

HEX

#F8ADB9

RGB

248, 173, 185

HSL

350.4, 84.3%, 82.5%

HSV

350.4, 30.2%, 97.3%

CMYK

0.0%, 30.2%, 25.4%, 2.7%

OKLCH

0.8222 0.0891 8.7

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#F8ADB9

#ADF8EC

Analogous

#F8ADDE

#F8C6AD

#F8ADB9

Triadic

#F8ADB9

#B9F8AD

#ADB9F8

Split Complementary

#F8ADB9

#ADF8C6

#ADDEF8

Tetradic

#F8ADB9

#DEF8AD

#ADF8EC

#C6ADF8

Color Blindness Simulation

Original

#F8ADB9

Protanopia

#D8D7B6

Deuteranopia

#DCE2B5

Tritanopia

#F4B4B3

Achromatopsia

#BEBEBE

CSS Usage

background-color: #F8ADB9;
color: #F8ADB9;
border-color: #F8ADB9;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FDF2F4
100
#FAE0E4
200
#F9BDC7
300
#F58E9F
400
#F0516B
500
#EB1436
600
#BC102C
700
#960D23
800
#750A1B
900
#550C17
950
#36070F

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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