#F1BAF6

#F1BAF6

Color Values

HEX

#F1BAF6

RGB

241, 186, 246

HSL

295.0, 76.9%, 84.7%

HSV

295.0, 24.4%, 96.5%

CMYK

2.0%, 24.4%, 0.0%, 3.5%

OKLCH

0.8573 0.1005 323.6

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#F1BAF6

#BFF6BA

Analogous

#D3BAF6

#F6BADD

#F1BAF6

Triadic

#F1BAF6

#F6F1BA

#BAF6F1

Split Complementary

#F1BAF6

#DDF6BA

#BAF6D3

Tetradic

#F1BAF6

#F6D3BA

#BFF6BA

#BADDF6

Color Blindness Simulation

Original

#F1BAF6

Protanopia

#D9D9E7

Deuteranopia

#DCE0E4

Tritanopia

#EEDCDA

Achromatopsia

#CACACA

CSS Usage

background-color: #F1BAF6;
color: #F1BAF6;
border-color: #F1BAF6;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#FCF2FC
100
#F7E1F9
200
#F2C0F7
300
#E993F1
400
#DD58E9
500
#D11DE2
600
#A718B4
700
#861390
800
#690F71
900
#4C0F52
950
#300934

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.09:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026