#F2BAF0

#F2BAF0

Color Values

HEX

#F2BAF0

RGB

242, 186, 240

HSL

302,1, 68,3%, 83,9%

HSV

302,1, 23,1%, 94,9%

CMYK

0,0%, 23,1%, 0,8%, 5,1%

OKLCH

0,8561 0,0951 327,5

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F2BAF0

#BAF2BC

Analogous

#D8BAF2

#F2BAD4

#F2BAF0

Triadic

#F2BAF0

#F0F2BA

#BAF0F2

Split Complementary

#F2BAF0

#D4F2BA

#BAF2D8

Tetradic

#F2BAF0

#F2D8BA

#BAF2BC

#BAD4F2

Color Blindness Simulation

Original

#F2BAF0

Protanopia

#DAD9E3

Deuteranopia

#DDE1E0

Tritanopia

#EFD9D6

Achromatopsia

#CACACA

CSS Usage

background-color: #F2BAF0;
color: #F2BAF0;
border-color: #F2BAF0;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FCF3FB
100
#F8E3F7
200
#F4C3F2
300
#EC98E9
400
#E160DD
500
#D728D0
600
#AC20A7
700
#891A85
800
#6B1468
900
#4E134C
950
#310C30

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

13,06: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