#F1BAB8

#F1BAB8

Color Values

HEX

#F1BAB8

RGB

241, 186, 184

HSL

2.1, 67.1%, 83.3%

HSV

2.1, 23.7%, 94.5%

CMYK

0.0%, 22.8%, 23.7%, 5.5%

OKLCH

0.8379 0.0639 20.9

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#F1BAB8

#B8EFF1

Analogous

#F1B8D2

#F1D6B8

#F1BAB8

Triadic

#F1BAB8

#B8F1BA

#BAB8F1

Split Complementary

#F1BAB8

#B8F1D6

#B8D2F1

Tetradic

#F1BAB8

#D2F1B8

#B8EFF1

#D6B8F1

Color Blindness Simulation

Original

#F1BAB8

Protanopia

#D9D9B8

Deuteranopia

#DCE0B9

Tritanopia

#EEB9B9

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F3C5C3
300
#EB9C99
400
#E06661
500
#D5302A
600
#AA2622
700
#881F1B
800
#6B1815
900
#4E1513
950
#310D0C

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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