#F1BADA

#F1BADA

Color Values

HEX

#F1BADA

RGB

241, 186, 218

HSL

325.1, 66.3%, 83.7%

HSV

325.1, 22.8%, 94.5%

CMYK

0.0%, 22.8%, 9.5%, 5.5%

OKLCH

0.8477 0.0753 343.1

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F1BADA

#BAF1D1

Analogous

#ECBAF1

#F1BABE

#F1BADA

Triadic

#F1BADA

#DAF1BA

#BADAF1

Split Complementary

#F1BADA

#BEF1BA

#BAF1EC

Tetradic

#F1BADA

#F1ECBA

#BAF1D1

#BABEF1

Color Blindness Simulation

Original

#F1BADA

Protanopia

#D9D9D2

Deuteranopia

#DCE0D0

Tritanopia

#EECCCB

Achromatopsia

#C8C8C8

CSS Usage

background-color: #F1BADA;
color: #F1BADA;
border-color: #F1BADA;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FCF3F8
100
#F7E3EF
200
#F3C4DF
300
#EA99C8
400
#DF62AB
500
#D42B8D
600
#AA2271
700
#881B5A
800
#6A1547
900
#4D1435
950
#310C22

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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