#F1BAB7

#F1BAB7

Color Values

HEX

#F1BAB7

RGB

241, 186, 183

HSL

3.1, 67.4%, 83.1%

HSV

3.1, 24.1%, 94.5%

CMYK

0.0%, 22.8%, 24.1%, 5.5%

OKLCH

0.8377 0.064 22.1

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#F1BAB7

#B7EEF1

Analogous

#F1B7D1

#F1D7B7

#F1BAB7

Triadic

#F1BAB7

#B7F1BA

#BAB7F1

Split Complementary

#F1BAB7

#B7F1D7

#B7D1F1

Tetradic

#F1BAB7

#D1F1B7

#B7EEF1

#D7B7F1

Color Blindness Simulation

Original

#F1BAB7

Protanopia

#D9D9B8

Deuteranopia

#DCE0B8

Tritanopia

#EEB8B8

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F3C6C3
300
#EB9D99
400
#E06861
500
#D5322A
600
#AB2821
700
#89201B
800
#6B1915
900
#4E1613
950
#310E0C

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026