#F0BAFC

#F0BAFC

Color Values

HEX

#F0BAFC

RGB

240, 186, 252

HSL

289,1, 91,7%, 85,9%

HSV

289,1, 26,2%, 98,8%

CMYK

4,8%, 26,2%, 0,0%, 1,2%

OKLCH

0,8585 0,1063 320,1

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#F0BAFC

#C6FCBA

Analogous

#CFBAFC

#FCBAE7

#F0BAFC

Triadic

#F0BAFC

#FCF0BA

#BAFCF0

Split Complementary

#F0BAFC

#E7FCBA

#BAFCCF

Tetradic

#F0BAFC

#FCCFBA

#C6FCBA

#BAE7FC

Color Blindness Simulation

Original

#F0BAFC

Protanopia

#D9D8EC

Deuteranopia

#DCE0E8

Tritanopia

#EDDFDD

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FBF1FD
100
#F6DFFB
200
#F0BBFC
300
#E68AFA
400
#D84AF7
500
#CA0BF4
600
#A208C4
700
#81079C
800
#65057A
900
#4A0858
950
#2F0538

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,13:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026